From 6784f3bfcf1ae1486fd0bda8c0c5ce17c9f01297 Mon Sep 17 00:00:00 2001
From: Junhao Liao <junhao@junhao.ca>
Date: Wed, 18 Sep 2024 19:41:40 -0400
Subject: [PATCH] Add Divider component to TooltipTab.

---
 .../SidebarContainer/PanelTabs/TooltipTab.tsx | 34 +++++++++++--------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/new-log-viewer/src/components/SidebarContainer/PanelTabs/TooltipTab.tsx b/new-log-viewer/src/components/SidebarContainer/PanelTabs/TooltipTab.tsx
index 012b3650..5040ffab 100644
--- 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/>
+        </>
     );
 };