test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: sidebar items are not getting translated

Browse Source
This commit is contained in:
Shariq Ansari 2024-05-02 11:24:12 +05:30
parent c15c738614
commit ceb54a2d36
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Layouts/AppSidebar.vue
View File

@ -10,7 +10,7 @@
<div class="mb-3 flex flex-col"> <div class="mb-3 flex flex-col">
<SidebarLink <SidebarLink
id="notifications-btn" id="notifications-btn"
label="Notifications" :label="__('Notifications')"
:icon="NotificationsIcon" :icon="NotificationsIcon"
:isCollapsed="isSidebarCollapsed" :isCollapsed="isSidebarCollapsed"
@click="() => toggleNotificationPanel()" @click="() => toggleNotificationPanel()"
@ -67,7 +67,7 @@
<SidebarLink <SidebarLink
v-for="link in view.views" v-for="link in view.views"
:icon="link.icon" :icon="link.icon"
:label="link.label" :label="__(link.label)"
:to="link.to" :to="link.to"
:isCollapsed="isSidebarCollapsed" :isCollapsed="isSidebarCollapsed"
class="mx-2 my-0.5" class="mx-2 my-0.5"
@ -78,7 +78,7 @@
</div> </div>
<div class="m-2 flex flex-col gap-1"> <div class="m-2 flex flex-col gap-1">
<SidebarLink <SidebarLink
:label="isSidebarCollapsed ? 'Expand' : 'Collapse'" :label="isSidebarCollapsed ? __('Expand') : __('Collapse')"
:isCollapsed="isSidebarCollapsed" :isCollapsed="isSidebarCollapsed"
@click="isSidebarCollapsed = !isSidebarCollapsed" @click="isSidebarCollapsed = !isSidebarCollapsed"
class="" class=""

6
frontend/src/components/SidebarLink.vue
View File

@ -9,7 +9,7 @@
:class="isCollapsed ? 'ml-[3px] p-1' : 'px-2 py-1'" :class="isCollapsed ? 'ml-[3px] p-1' : 'px-2 py-1'"
> >
<div class="flex items-center truncate"> <div class="flex items-center truncate">
<Tooltip :text="__(label)" placement="right" :disabled="!isCollapsed"> <Tooltip :text="label" placement="right" :disabled="!isCollapsed">
<slot name="icon"> <slot name="icon">
<span class="grid h-4.5 w-4.5 flex-shrink-0 place-items-center"> <span class="grid h-4.5 w-4.5 flex-shrink-0 place-items-center">
<FeatherIcon <FeatherIcon
@ -21,7 +21,7 @@
</span> </span>
</slot> </slot>
</Tooltip> </Tooltip>
<Tooltip :text="__(label)" placement="right" :disabled="isCollapsed" hoverDelay="1.5"> <Tooltip :text="label" placement="right" :disabled="isCollapsed" hoverDelay="1.5">
<span <span
class="flex-1 flex-shrink-0 truncate text-base duration-300 ease-in-out" class="flex-1 flex-shrink-0 truncate text-base duration-300 ease-in-out"
:class=" :class="
@ -30,7 +30,7 @@
: 'ml-2 w-auto opacity-100' : 'ml-2 w-auto opacity-100'
" "
> >
{{ __(label) }} {{ label }}
</span> </span>
</Tooltip> </Tooltip>
</div> </div>