From f5aca259b10f6ce37a3a0f6a6c11a3c4e490e2d7 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Sun, 1 Dec 2024 14:14:18 +0530
Subject: [PATCH] fix: user dropdown doesnt open in mobile view

---
 .../src/components/Mobile/MobileSidebar.vue     | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Mobile/MobileSidebar.vue b/frontend/src/components/Mobile/MobileSidebar.vue
index 4f722844..1365f7a4 100644
--- a/frontend/src/components/Mobile/MobileSidebar.vue
+++ b/frontend/src/components/Mobile/MobileSidebar.vue
@@ -13,7 +13,9 @@
         <div
           class="relative z-10 flex h-full w-[260px] flex-col justify-between border-r bg-surface-menu-bar transition-all duration-300 ease-in-out"
         >
-          <div><UserDropdown class="p-2" /></div>
+          <div>
+            <UserDropdown class="p-2" :isCollapsed="!sidebarOpened" />
+          </div>
           <div class="flex-1 overflow-y-auto">
             <div class="mb-3 flex flex-col">
               <SidebarLink
@@ -64,6 +66,7 @@
               </Section>
             </div>
           </div>
+          <TrialBanner v-if="isFCSite.data" />
         </div>
       </TransitionChild>
       <TransitionChild
@@ -102,7 +105,8 @@ import NotificationsIcon from '@/components/Icons/NotificationsIcon.vue'
 import SidebarLink from '@/components/SidebarLink.vue'
 import { viewsStore } from '@/stores/views'
 import { unreadNotificationsCount } from '@/stores/notifications'
-import { computed, h } from 'vue'
+import { TrialBanner, createResource } from 'frappe-ui'
+import { computed, h, provide } from 'vue'
 import { mobileSidebarOpened as sidebarOpened } from '@/composables/settings'
 
 const { getPinnedViews, getPublicViews } = viewsStore()
@@ -211,4 +215,13 @@ function getIcon(routeName, icon) {
       return PinIcon
   }
 }
+
+const isFCSite = createResource({
+  url: 'frappe.integrations.frappe_providers.frappecloud_billing.is_fc_site',
+  cache: 'isFCSite',
+  auto: true,
+  transform: (data) => Boolean(data),
+})
+
+provide('isFCSite', isFCSite)
 </script>