Add Divider component to TooltipTab.

y-scope · Sep 18, 2024 · 6784f3b · 6784f3b
1 parent 748a159
commit 6784f3b
Showing 1 changed file with 19 additions and 15 deletions.
diff --git a/new-log-viewer/src/components/SidebarContainer/PanelTabs/TooltipTab.tsx b/new-log-viewer/src/components/SidebarContainer/PanelTabs/TooltipTab.tsx
@@ -1,4 +1,5 @@
 import {
+    Divider,
     Tab,
     Tooltip,
 } from "@mui/joy";
@@ -32,22 +33,25 @@ const TooltipTab = ({tabName, Icon, onTabButtonClick}: TooltipTabProps) => {
     };
 
     return (
-        <Tooltip
-            arrow={true}
-            key={tabName}
-            placement={"right"}
-            title={TAB_DISPLAY_NAMES[tabName]}
-        >
-            <Tab
-                className={"sidebar-tab-button"}
-                color={"neutral"}
-                indicatorPlacement={"left"}
-                slotProps={{root: {onClick: handleClick}}}
-                value={tabName}
+        <>
+            <Tooltip
+                arrow={true}
+                key={tabName}
+                placement={"right"}
+                title={TAB_DISPLAY_NAMES[tabName]}
             >
-                <Icon className={"sidebar-tab-button-icon"}/>
-            </Tab>
-        </Tooltip>
+                <Tab
+                    className={"sidebar-tab-button"}
+                    color={"neutral"}
+                    indicatorPlacement={"left"}
+                    slotProps={{root: {onClick: handleClick}}}
+                    value={tabName}
+                >
+                    <Icon className={"sidebar-tab-button-icon"}/>
+                </Tab>
+            </Tooltip>
+            <Divider/>
+        </>
     );
 };