diff --git a/apps/nextjs/src/app/[locale]/manage/about/page.tsx b/apps/nextjs/src/app/[locale]/manage/about/page.tsx index f500f604a..d0855db8e 100644 --- a/apps/nextjs/src/app/[locale]/manage/about/page.tsx +++ b/apps/nextjs/src/app/[locale]/manage/about/page.tsx @@ -17,12 +17,19 @@ import { Text, Title, } from "@mantine/core"; -import { IconLanguage, IconLibrary, IconUsers } from "@tabler/icons-react"; +import { IconKeyboard, IconLanguage, IconLibrary, IconUsers } from "@tabler/icons-react"; import { getScopedI18n } from "@homarr/translation/server"; import { homarrLogoPath } from "~/components/layout/logo/homarr-logo"; import { DynamicBreadcrumb } from "~/components/navigation/dynamic-breadcrumb"; +import { Table } from "@mantine/core"; + +const HOMARR_HOTKEYS = [ + { key: "Mod + E", description: "Toggle edit mode" }, + { key: "Mod + J", description: "Toggle command palette" }, +] as const; + import { createMetaTitle } from "~/metadata"; import { getPackageAttributesAsync } from "~/versions/package-reader"; import type githubContributorsJson from "../../../../../../../static-data/contributors.json"; @@ -149,6 +156,36 @@ export default async function AboutPage() { + + }> + + {t("accordion.hotkeys.title")} + + {t("accordion.hotkeys.subtitle")} + + + + + + + + {t("accordion.hotkeys.table.shortcut")} + {t("accordion.hotkeys.table.description")} + + + + {HOMARR_HOTKEYS.map((hotkey) => ( + + + {hotkey.key} + + {t(`accordion.hotkeys.shortcuts.${hotkey.key}`)} + + ))} + +
+
+
);