87 lines
3.0 KiB
TypeScript
87 lines
3.0 KiB
TypeScript
import { Group, Kbd, Text } from "@mantine/core";
|
|
import { IconBook2, IconBrandDiscord, IconBrandGithub } from "@tabler/icons-react";
|
|
|
|
import { useSession } from "@homarr/auth/client";
|
|
import { createDocumentationLink } from "@homarr/definitions";
|
|
import { useScopedI18n } from "@homarr/translation/client";
|
|
|
|
import { createGroup } from "../lib/group";
|
|
import { interaction } from "../lib/interaction";
|
|
import type { SearchMode } from "../lib/mode";
|
|
import { appIntegrationBoardMode } from "./app-integration-board";
|
|
import { commandMode } from "./command";
|
|
import { externalMode } from "./external";
|
|
import { homeMode } from "./home";
|
|
import { pageMode } from "./page";
|
|
import { userGroupMode } from "./user-group";
|
|
|
|
const searchModesForHelp = [userGroupMode, appIntegrationBoardMode, externalMode, commandMode, pageMode] as const;
|
|
|
|
const helpMode = {
|
|
modeKey: "help",
|
|
character: "?",
|
|
useGroups() {
|
|
const { data: session } = useSession();
|
|
const visibleSearchModes: SearchMode[] = [appIntegrationBoardMode, externalMode, commandMode, pageMode];
|
|
|
|
if (session?.user.permissions.includes("admin")) {
|
|
visibleSearchModes.unshift(userGroupMode);
|
|
}
|
|
|
|
return [
|
|
createGroup({
|
|
keyPath: "character",
|
|
title: (t) => t("search.mode.help.group.mode.title"),
|
|
options: visibleSearchModes.map(({ character, modeKey }) => ({ character, modeKey })),
|
|
Component: ({ modeKey, character }) => {
|
|
const t = useScopedI18n(`search.mode.${modeKey}`);
|
|
|
|
return (
|
|
<Group px="md" py="xs" w="100%" wrap="nowrap" align="center" justify="space-between">
|
|
<Text>{t("help")}</Text>
|
|
<Kbd size="sm">{character}</Kbd>
|
|
</Group>
|
|
);
|
|
},
|
|
filter: () => true,
|
|
useInteraction: interaction.mode(({ modeKey }) => ({ mode: modeKey })),
|
|
}),
|
|
createGroup({
|
|
keyPath: "href",
|
|
title: (t) => t("search.mode.help.group.help.title"),
|
|
useOptions() {
|
|
const t = useScopedI18n("search.mode.help.group.help.option");
|
|
|
|
return [
|
|
{
|
|
label: t("documentation.label"),
|
|
icon: IconBook2,
|
|
href: createDocumentationLink("/docs/getting-started"),
|
|
},
|
|
{
|
|
label: t("submitIssue.label"),
|
|
icon: IconBrandGithub,
|
|
href: "https://github.com/ajnart/homarr/issues/new/choose",
|
|
},
|
|
{
|
|
label: t("discord.label"),
|
|
icon: IconBrandDiscord,
|
|
href: "https://discord.com/invite/aCsmEV5RgA",
|
|
},
|
|
];
|
|
},
|
|
Component: (props) => (
|
|
<Group px="md" py="xs" w="100%" wrap="nowrap" align="center">
|
|
<props.icon />
|
|
<Text>{props.label}</Text>
|
|
</Group>
|
|
),
|
|
filter: () => true,
|
|
useInteraction: interaction.link(({ href }) => ({ href, newTab: true })),
|
|
}),
|
|
];
|
|
},
|
|
} satisfies SearchMode;
|
|
|
|
export const searchModes = [...searchModesForHelp, helpMode, homeMode] as const;
|