From ceb54a2d361555a03ef82c89298677ba009311d9 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 2 May 2024 11:24:12 +0530
Subject: [PATCH] fix: sidebar items are not getting translated

---
 frontend/src/components/Layouts/AppSidebar.vue | 6 +++---
 frontend/src/components/SidebarLink.vue        | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Layouts/AppSidebar.vue b/frontend/src/components/Layouts/AppSidebar.vue
index d237f1b9..413a151a 100644
--- a/frontend/src/components/Layouts/AppSidebar.vue
+++ b/frontend/src/components/Layouts/AppSidebar.vue
@@ -10,7 +10,7 @@
       <div class="mb-3 flex flex-col">
         <SidebarLink
           id="notifications-btn"
-          label="Notifications"
+          :label="__('Notifications')"
           :icon="NotificationsIcon"
           :isCollapsed="isSidebarCollapsed"
           @click="() => toggleNotificationPanel()"
@@ -67,7 +67,7 @@
             <SidebarLink
               v-for="link in view.views"
               :icon="link.icon"
-              :label="link.label"
+              :label="__(link.label)"
               :to="link.to"
               :isCollapsed="isSidebarCollapsed"
               class="mx-2 my-0.5"
@@ -78,7 +78,7 @@
     </div>
     <div class="m-2 flex flex-col gap-1">
       <SidebarLink
-        :label="isSidebarCollapsed ? 'Expand' : 'Collapse'"
+        :label="isSidebarCollapsed ? __('Expand') : __('Collapse')"
         :isCollapsed="isSidebarCollapsed"
         @click="isSidebarCollapsed = !isSidebarCollapsed"
         class=""
diff --git a/frontend/src/components/SidebarLink.vue b/frontend/src/components/SidebarLink.vue
index 7bd5c48d..41632915 100644
--- a/frontend/src/components/SidebarLink.vue
+++ b/frontend/src/components/SidebarLink.vue
@@ -9,7 +9,7 @@
       :class="isCollapsed ? 'ml-[3px] p-1' : 'px-2 py-1'"
     >
       <div class="flex items-center truncate">
-        <Tooltip :text="__(label)" placement="right" :disabled="!isCollapsed">
+        <Tooltip :text="label" placement="right" :disabled="!isCollapsed">
           <slot name="icon">
             <span class="grid h-4.5 w-4.5 flex-shrink-0 place-items-center">
               <FeatherIcon
@@ -21,7 +21,7 @@
             </span>
           </slot>
         </Tooltip>
-        <Tooltip :text="__(label)" placement="right" :disabled="isCollapsed" hoverDelay="1.5">
+        <Tooltip :text="label" placement="right" :disabled="isCollapsed" hoverDelay="1.5">
           <span
             class="flex-1 flex-shrink-0 truncate text-base duration-300 ease-in-out"
             :class="
@@ -30,7 +30,7 @@
                 : 'ml-2 w-auto opacity-100'
             "
           >
-            {{ __(label) }}
+            {{ label }}
           </span>
         </Tooltip>
       </div>