From 43f87c0b864c5f8983672fb8a0b0d5697ee014e3 Mon Sep 17 00:00:00 2001
From: Yi <yxiaoisme@gmail.com>
Date: Wed, 9 Oct 2024 12:53:43 +0800
Subject: [PATCH] make the drop plugin only appears when the user selects
 "plugins"

---
 web/app/(commonLayout)/plugins/Container.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/(commonLayout)/plugins/Container.tsx b/web/app/(commonLayout)/plugins/Container.tsx
index 5fee5354a2..58d996e7de 100644
--- a/web/app/(commonLayout)/plugins/Container.tsx
+++ b/web/app/(commonLayout)/plugins/Container.tsx
@@ -29,7 +29,7 @@ const Container = () => {
   }, [t])
 
   const [activeTab, setActiveTab] = useTabSearchParams({
-    defaultTab: 'plugins',
+    defaultTab: options[0].value,
   })
 
   const containerRef = useRef<HTMLDivElement>(null)
@@ -45,7 +45,7 @@ const Container = () => {
           <div className='flex-1'>
             <TabSlider
               value={activeTab}
-              onChange={newActiveTab => setActiveTab(newActiveTab)}
+              onChange={setActiveTab}
               options={options}
             />
           </div>
@@ -108,10 +108,10 @@ const Container = () => {
       <div className='flex px-12 items-start content-start gap-2 flex-grow self-stretch flex-wrap'>
         {/* Plugin cards go here */}
       </div>
-      <div className='flex items-center justify-center py-4 gap-2 text-text-quaternary'>
+      {activeTab === 'plugins' && <div className='flex items-center justify-center py-4 gap-2 text-text-quaternary'>
         <RiDragDropLine className='w-4 h-4' />
         <span className='system-xs-regular'>Drop plugin package here to install</span>
-      </div>
+      </div>}
     </div>
   )
 }