feat(plugins/mpa): switch active tab by ux

Power-Playground · Nov 14, 2023 · 8a8e7b9 · 8a8e7b9
1 parent a0abcd7
commit 8a8e7b9
Showing 1 changed file with 2 additions and 1 deletion.
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, removeTabs } = useTabs()
+  const { tabs, addTab, setActiveTab, removeTabs } = useTabs()
   const addOnlyOnce = useRef(false)
   useEffect(() => {
     if (addOnlyOnce.current) return
@@ -25,6 +25,7 @@ export const Files: React.ComponentType<BarItemProps> = () => {
     {tabs.map(tab => <div
       key={tab.id}
       className={classnames(`${prefix}-tab`, { active: tab.id === activeTabId })}
+      onClick={() => setActiveTab(tab.id)}
     >
       {tab.icon && <span className={`cldr codicon codicon-${tab.icon}`} />}
       {tab.title}