diff --git a/islands/Header.tsx b/islands/Header.tsx index 367251f..f62cfca 100644 --- a/islands/Header.tsx +++ b/islands/Header.tsx @@ -2,7 +2,12 @@ import { useEffect } from "preact/hooks"; import { shortcut } from "~/client/shortcut.ts"; import { DEFAULT_AVATOR } from "~/common/constants.ts"; -export default function Header(props: { user?: { id: number, picture: string | null, notification: boolean }; authUrl?: string }) { +export default function Header( + props: { + user?: { id: number; picture: string | null; notification: boolean }; + authUrl?: string; + }, +) { useEffect(() => { shortcut(); }, []); @@ -86,6 +91,20 @@ export default function Header(props: { user?: { id: number, picture: string | n +
  • + + Keyboard Shortcuts + + +
    • {props.user && ( <> @@ -181,17 +200,6 @@ export default function Header(props: { user?: { id: number, picture: string | n
  • - - Edit - - Help -
  • diff --git a/routes/about.tsx b/routes/about.tsx index 7a21c4b..11b8f87 100644 --- a/routes/about.tsx +++ b/routes/about.tsx @@ -54,7 +54,11 @@ export default defineRoute(async (req, _ctx) => { Supabase (Postgres database)
    • -
  • GitHub Actions(Deploy and DB Backup)
    • +
  • + + GitHub Actions + (Deploy and DB Backup) +
  • Google OAuth
    • @@ -89,7 +93,7 @@ export default defineRoute(async (req, _ctx) => {
  • - Help + Keyboard Shortcuts
    • diff --git a/routes/help.tsx b/routes/help.tsx index e4bffe9..ac82e20 100644 --- a/routes/help.tsx +++ b/routes/help.tsx @@ -9,7 +9,7 @@ export default defineRoute(async (req, _ctx) => { return ( <> - Help - Leaves + Keyboard Shortcuts - Leaves { class="me-2" > - Help + Keyboard Shortcuts -

    Keyboard Shortcut

    @@ -48,7 +47,7 @@ export default defineRoute(async (req, _ctx) => { - + diff --git a/static/assets/img/keyboard-fill.svg b/static/assets/img/keyboard-fill.svg new file mode 100644 index 0000000..b46ad2d --- /dev/null +++ b/static/assets/img/keyboard-fill.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file
    HelpKeyboard Shortcuts ?