fix

chibat · Dec 25, 2023 · 6b1af76 · 6b1af76
1 parent 3708d9d
commit 6b1af76
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 18 deletions.
diff --git 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
                 </svg>
               </a>
             </li>
+            <li class="nav-item">
+              <a
+                class="noDecoration nav-link"
+                href="/help"
+              >
+                <img
+                  src="/assets/img/keyboard-fill.svg"
+                  alt="Keyboard Shortcuts"
+                  width="20"
+                  height="20"
+                >
+                </img>
+              </a>
+            </li>
             {props.user &&
               (
                 <>
@@ -181,17 +200,6 @@ export default function Header(props: { user?: { id: number, picture: string | n
                         </a>
                       </li>
                       <li>
-                        <a class="dropdown-item" href="/help">
-                          <img
-                            src="/assets/img/question-circle-fill.svg"
-                            alt="Edit"
-                            width="16"
-                            height="16"
-                            class="me-2"
-                          >
-                          </img>
-                          Help
-                        </a>
                       </li>
                       <li>
                         <hr class="dropdown-divider" />

diff --git a/routes/about.tsx b/routes/about.tsx
@@ -54,7 +54,11 @@ export default defineRoute(async (req, _ctx) => {
                   Supabase
                 </a>(Postgres database)
               </li>
-              <li><a href="https://github.com/features/actions" target="_blank">GitHub Actions</a>(Deploy and DB Backup)</li>
+              <li>
+                <a href="https://github.com/features/actions" target="_blank">
+                  GitHub Actions
+                </a>(Deploy and DB Backup)
+              </li>
               <li>Google OAuth</li>
             </ul>
           </li>
@@ -89,7 +93,7 @@ export default defineRoute(async (req, _ctx) => {
             </a>
           </li>
           <li>
-            <a href="/help">Help</a>
+            <a href="/help">Keyboard Shortcuts</a>
           </li>
         </ul>
       </main>

diff --git a/routes/help.tsx b/routes/help.tsx
@@ -9,7 +9,7 @@ export default defineRoute(async (req, _ctx) => {
   return (
     <>
       <Head>
-        <title>Help - Leaves</title>
+        <title>Keyboard Shortcuts - Leaves</title>
         <meta property="og:url" content="https://leaves.deno.dev/"></meta>
         <meta property="og:title" content="Leaves"></meta>
         <meta
@@ -35,9 +35,8 @@ export default defineRoute(async (req, _ctx) => {
             class="me-2"
           >
           </img>
-          Help
+          Keyboard Shortcuts
         </h1>
-        <h2>Keyboard Shortcut</h2>
         <div class="post">
           <table>
             <thead>
@@ -48,7 +47,7 @@ export default defineRoute(async (req, _ctx) => {
             </thead>
             <tbody>
               <tr>
-                <td>Help</td>
+                <td>Keyboard Shortcuts</td>
                 <td>?</td>
               </tr>
               <tr>

diff --git a/static/assets/img/keyboard-fill.svg b/static/assets/img/keyboard-fill.svg