From f57d31b7ba437c8995c79b97a1d3e9a349fb3c84 Mon Sep 17 00:00:00 2001
From: Benedikt Kulmann <benedikt@kulmann.biz>
Date: Thu, 4 Jun 2020 10:51:16 +0200
Subject: [PATCH] Add hardcoded extension icons for navItems

---
 ui/components/SettingsApp.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/ui/components/SettingsApp.vue b/ui/components/SettingsApp.vue
index 4766d6575..8465bc463 100644
--- a/ui/components/SettingsApp.vue
+++ b/ui/components/SettingsApp.vue
@@ -89,7 +89,7 @@ export default {
          */
         const navItem = {
           name: this.getExtensionName(extension),
-          iconMaterial: 'application',
+          iconMaterial: this.getExtensionIcon(extension),
           route: {
             name: 'settings',
             path: `/${extension}`
@@ -106,7 +106,17 @@ export default {
       switch (extension) {
         case 'ocis-accounts': return this.$gettext('Account')
         case 'ocis-hello': return this.$gettext('Hello')
-        default: return extension
+        default: {
+          const shortenedName = extension.replace('ocis-', '')
+          return shortenedName.charAt(0).toUpperCase() + shortenedName.slice(1)
+        }
+      }
+    },
+    getExtensionIcon (extension) {
+      switch (extension) {
+        case 'ocis-accounts': return 'account_circle'
+        case 'ocis-hello': return 'tag_faces'
+        default: return 'application'
       }
     }
   },