feat(plugins/mpa): support remove tab

Power-Playground · Nov 14, 2023 · a0abcd7 · a0abcd7
1 parent 32973f7
commit a0abcd7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/core/src/plugins/mpa/atoms.ts b/core/src/plugins/mpa/atoms.ts
@@ -48,6 +48,9 @@ export const useTabs = () => {
           ...tabs.slice(index)
         ]
       })
+    }, [setTabs]),
+    removeTabs: useCallback((...ids: string[]) => {
+      setTabs(tabs => tabs.filter(tab => !ids.includes(tab.id)))
     }, [setTabs])
   }
 }
diff --git a/core/src/plugins/mpa/topbar/Files.tsx b/core/src/plugins/mpa/topbar/Files.tsx
@@ -9,7 +9,7 @@ import { useTabs } from '../atoms'
 const prefix = 'mpa__topbar__files'
 
 export const Files: React.ComponentType<BarItemProps> = () => {
-  const { tabs, addTab } = useTabs()
+  const { tabs, addTab, removeTabs } = useTabs()
   const addOnlyOnce = useRef(false)
   useEffect(() => {
     if (addOnlyOnce.current) return
@@ -28,7 +28,9 @@ export const Files: React.ComponentType<BarItemProps> = () => {
     >
       {tab.icon && <span className={`cldr codicon codicon-${tab.icon}`} />}
       {tab.title}
-      <span className='cldr codicon codicon-close' />
+      <span className='cldr codicon codicon-close'
+            onClick={() => removeTabs(tab.id)}
+      />
     </div>)}
     <div className={`${prefix}-full`} />
   </div>