refactor: cleanup

components/app/Announcement.vue

@@ -1,12 +1,5 @@
 <template>
-  <div
-    class="
-      bg-primary bg-dividerLight
-      border-b border-divider
-      flex
-      justify-between
-    "
-  >
+  <div class="bg-dividerLight border-b border-divider flex justify-between">
     <span class="flex">
       <SmartLink
         to="https://forms.gle/8yFiEynXB7h477Ns6"

components/app/Footer.vue

@@ -26,7 +26,7 @@
           v-tippy="{ theme: 'tooltip' }"
           icon="keyboard"
           :title="$t('shortcuts')"
-          :shortcut="[getSpecialKey(), '/']"
+          :shortcut="['?']"
           @click.native="showShortcuts = true"
         />
         <ButtonSecondary
@@ -58,7 +58,6 @@ import {
   toggleSetting,
 } from "~/newstore/settings"
 import type { KeysMatching } from "~/types/ts-utils"
-import { getPlatformSpecialKey } from "~/helpers/platformutils"
 
 type SettingsType = typeof defaultSettings
 
@@ -106,7 +105,6 @@ export default defineComponent({
         // fallback
       }
     },
-    getSpecialKey: getPlatformSpecialKey,
   },
 })
 </script>

components/app/Header.vue

@@ -47,7 +47,6 @@
                 '<br>' +
                 `<sub>${currentUser.email || 'Email not found'}</sub>`
               "
-              indicator
             />
             <TabPrimary
               v-else
@@ -56,12 +55,6 @@
               icon="account_circle"
             />
           </template>
-          <SmartItem
-            to="/profile"
-            icon="person"
-            :label="$t('profile')"
-            @click.native="$refs.user.tippy().hide()"
-          />
           <SmartItem
             to="/settings"
             icon="settings"

components/app/Sidenav.vue

@@ -7,7 +7,12 @@
         :to="localePath(navigation.target)"
         class="nav-link"
       >
-        <i class="material-icons">{{ navigation.icon }}</i>
+        <i v-if="navigation.icon" class="material-icons">
+          {{ navigation.icon }}
+        </i>
+        <div v-if="navigation.svg" class="h-4 w-4">
+          <SmartIcon :name="navigation.svg" class="svg-icons" />
+        </div>
         <span>{{ navigation.title }}</span>
       </nuxt-link>
     </nav>
@@ -19,13 +24,11 @@ export default {
   data() {
     return {
       primaryNavigation: [
-        { target: "index", icon: "apps", title: "App" },
+        { target: "index", icon: "settings_ethernet", title: "REST" },
+        { target: "graphql", svg: "graphql", title: "GraphQL" },
         { target: "realtime", icon: "language", title: "Realtime" },
-        { target: "graphql", icon: "code", title: "GraphQL" },
         { target: "documentation", icon: "book", title: "Doc" },
-        { target: "profile", icon: "person", title: "Profile" },
         { target: "settings", icon: "settings", title: "Settings" },
-        { target: "home", icon: "home", title: "Home" },
       ],
     }
   },
@@ -42,7 +45,8 @@ export default {
   @apply hover:bg-primaryDark;
   @apply hover:text-secondaryDark;
 
-  .material-icons {
+  .material-icons,
+  .svg-icons {
     @apply opacity-75;
   }
 
@@ -55,7 +59,8 @@ export default {
     @apply text-accent;
     @apply hover:text-accent;
 
-    .material-icons {
+    .material-icons,
+    .svg-icons {
       @apply opacity-100;
     }
   }