From 7dc209a76ad5a1d1e3cd094a31e5c64adc917d5b Mon Sep 17 00:00:00 2001
From: Alban Costaz <alban.costaz@gmail.com>
Date: Fri, 29 Nov 2024 10:36:48 +0100
Subject: [PATCH] [MS] Removed show/hide button for client area sidebar

---
 .../views/client-area/ClientAreaHeader.vue    | 25 ++-----------------
 1 file changed, 2 insertions(+), 23 deletions(-)

diff --git a/client/src/views/client-area/ClientAreaHeader.vue b/client/src/views/client-area/ClientAreaHeader.vue
index 3f5c31d8edc..9a9a84998d0 100644
--- a/client/src/views/client-area/ClientAreaHeader.vue
+++ b/client/src/views/client-area/ClientAreaHeader.vue
@@ -2,19 +2,6 @@
 
 <template>
   <div class="header-content">
-    <ion-button
-      v-if="!isMobile()"
-      slot="icon-only"
-      id="trigger-toggle-menu-button"
-      class="topbar-button__item menu-button"
-      fill="clear"
-      @click="isSidebarMenuVisible() ? hideSidebarMenu() : resetSidebarMenu()"
-    >
-      <ion-icon
-        slot="icon-only"
-        :icon="menu"
-      />
-    </ion-button>
     <ion-title class="header-title title-h1">{{ $msTranslate(title) }}</ion-title>
 
     <div class="header-right">
@@ -46,18 +33,14 @@
 
 <script setup lang="ts">
 import { BmsAccessInstance, PersonalInformationResultData } from '@/services/bms';
-import { IonText, IonTitle, IonIcon, IonButton } from '@ionic/vue';
+import { IonText, IonTitle, IonIcon } from '@ionic/vue';
 import { Translatable } from 'megashark-lib';
 import { onMounted, ref } from 'vue';
-import { cog, menu } from 'ionicons/icons';
+import { cog } from 'ionicons/icons';
 import UserAvatarName from '@/components/users/UserAvatarName.vue';
-import { isMobile } from '@/parsec';
-import useSidebarMenu from '@/services/sidebarMenu';
 import { ClientAreaPages } from '@/views/client-area/types';
 import { openSettingsModal } from '@/views/settings';
 
-const { isVisible: isSidebarMenuVisible, reset: resetSidebarMenu, hide: hideSidebarMenu } = useSidebarMenu();
-
 defineProps<{
   title: Translatable;
 }>();
@@ -112,8 +95,4 @@ function getUserName(): string {
   align-items: center;
   gap: 1rem;
 }
-
-.menu-button {
-  margin-right: 1rem;
-}
 </style>