From 6f49573f2fc0def1ea48f6960309e1fef0f40ee4 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 9 May 2025 17:50:43 +0530
Subject: [PATCH] fix: add loading state check to prevent rendering issues in
 SidePanelLayout

---
 frontend/src/components/SidePanelLayout.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/SidePanelLayout.vue b/frontend/src/components/SidePanelLayout.vue
index 1d1486a5..fe8f6313 100644
--- a/frontend/src/components/SidePanelLayout.vue
+++ b/frontend/src/components/SidePanelLayout.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="sections flex flex-col overflow-y-auto">
+  <div
+    v-if="!document.get.loading"
+    class="sections flex flex-col overflow-y-auto"
+  >
     <template v-for="(section, i) in _sections" :key="section.name">
       <div v-if="section.visible" class="section flex flex-col">
         <div
@@ -55,10 +58,7 @@
                         >
                       </div>
                     </Tooltip>
-                    <div
-                      v-if="!document.get.loading"
-                      class="flex items-center justify-between w-[65%]"
-                    >
+                    <div class="flex items-center justify-between w-[65%]">
                       <div
                         class="grid min-h-[28px] flex-1 items-center overflow-hidden text-base"
                       >