SILABMC-191: Remove Icon in left menu

2 files changed, 1 insertions, 28 deletions

diff --git a/src/components/_sila/AppNavigation/AppNavigation.vue b/src/components/_sila/AppNavigation/AppNavigation.vue
index 6f5dfa23..a03a1cd0 100644
--- a/src/components/_sila/AppNavigation/AppNavigation.vue
+++ b/src/components/_sila/AppNavigation/AppNavigation.vue
@@ -11,7 +11,6 @@
               :to="navItem.route"
               :data-test-id="`nav-item-${navItem.id}`"
             >
-              <component :is="navItem.icon" />
               {{ navItem.label }}
             </b-nav-item>
 
@@ -22,7 +21,6 @@
                 variant="link"
                 :data-test-id="`nav-button-${navItem.id}`"
               >
-                <component :is="navItem.icon" />
                 {{ navItem.label }}
                 <icon-expand class="icon-expand" />
               </b-button>
@@ -211,6 +209,7 @@ svg {
   left: 0;
   z-index: $zindex-fixed;
   overflow-y: auto;
+  background-color: $white;
   transform: translateX(-$navigation-width);
   transition: transform $exit-easing--productive $duration--moderate-02;
   border-right: 1px solid theme-color-level('light', 2.85);
diff --git a/src/env/components/AppNavigation/sila.js b/src/env/components/AppNavigation/sila.js
index 251ddf96..1f2ad23a 100644
--- a/src/env/components/AppNavigation/sila.js
+++ b/src/env/components/AppNavigation/sila.js
@@ -1,30 +1,10 @@
-import IconDashboard from '@carbon/icons-vue/es/dashboard/16';
-import IconTextLinkAnalysis from '@carbon/icons-vue/es/text-link--analysis/16';
-import IconDataCheck from '@carbon/icons-vue/es/data--check/16';
-import IconSettingsAdjust from '@carbon/icons-vue/es/settings--adjust/16';
-import IconSettings from '@carbon/icons-vue/es/settings/16';
-import IconSecurity from '@carbon/icons-vue/es/security/16';
-import IconChevronUp from '@carbon/icons-vue/es/chevron--up/16';
-import IconDataBase from '@carbon/icons-vue/es/data--base--alt/16';
-
 const AppNavigationMixin = {
-  components: {
-    iconOverview: IconDashboard,
-    iconLogs: IconTextLinkAnalysis,
-    iconHealth: IconDataCheck,
-    iconControl: IconSettingsAdjust,
-    iconSettings: IconSettings,
-    iconSecurityAndAccess: IconSecurity,
-    iconExpand: IconChevronUp,
-    iconResourceManagement: IconDataBase,
-  },
   data() {
     return {
       navigationItems: [
         {
           id: 'overview',
           label: this.$t('appNavigation.system'),
-          icon: 'iconOverview',
           children: [
             {
               id: 'overview',
@@ -51,7 +31,6 @@ const AppNavigationMixin = {
         {
           id: 'logs',
           label: this.$t('appNavigation.logs'),
-          icon: 'iconLogs',
           children: [
             {
               id: 'event-logs',
@@ -68,7 +47,6 @@ const AppNavigationMixin = {
         {
           id: 'hardware-status',
           label: this.$t('appNavigation.hardwareStatus'),
-          icon: 'iconHealth',
           children: [
             {
               id: 'sensors',
@@ -91,7 +69,6 @@ const AppNavigationMixin = {
         {
           id: 'operations',
           label: this.$t('appNavigation.operations'),
-          icon: 'iconControl',
           children: [
             {
               id: 'factory-reset',
@@ -138,7 +115,6 @@ const AppNavigationMixin = {
         {
           id: 'settings',
           label: this.$t('appNavigation.settings'),
-          icon: 'iconSettings',
           children: [
             {
               id: 'power-restore-policy',
@@ -150,7 +126,6 @@ const AppNavigationMixin = {
         {
           id: 'security-and-access',
           label: this.$t('appNavigation.securityAndAccess'),
-          icon: 'iconSecurityAndAccess',
           children: [
             {
               id: 'sessions',
@@ -182,7 +157,6 @@ const AppNavigationMixin = {
         {
           id: 'resource-management',
           label: this.$t('appNavigation.resourceManagement'),
-          icon: 'iconResourceManagement',
           children: [
             {
               id: 'power',