Browse Source

fix: add tooltip to close review tab

David Hill 2 tháng trước cách đây
mục cha
commit
a0c0e2b5c3

+ 8 - 2
packages/desktop/src/pages/session.tsx

@@ -280,7 +280,11 @@ export default function Page() {
         <div class="relative h-full">
         <div class="relative h-full">
           <Tabs.Trigger
           <Tabs.Trigger
             value={props.tab}
             value={props.tab}
-            closeButton={<IconButton icon="close" variant="ghost" onClick={() => props.onTabClose(props.tab)} />}
+            closeButton={
+              <Tooltip value="Close tab" placement="bottom">
+                <IconButton icon="close" variant="ghost" onClick={() => props.onTabClose(props.tab)} />
+              </Tooltip>
+            }
             hideCloseButton
             hideCloseButton
             onClick={() => props.onTabClick(props.tab)}
             onClick={() => props.onTabClick(props.tab)}
           >
           >
@@ -358,7 +362,9 @@ export default function Page() {
                   <Tabs.Trigger
                   <Tabs.Trigger
                     value="review"
                     value="review"
                     closeButton={
                     closeButton={
-                      <IconButton icon="collapse" size="normal" variant="ghost" onClick={layout.review.pane} />
+                      <Tooltip value="Close tab" placement="bottom">
+                        <IconButton icon="collapse" size="normal" variant="ghost" onClick={layout.review.pane} />
+                      </Tooltip>
                     }
                     }
                   >
                   >
                     <div class="flex items-center gap-3">
                     <div class="flex items-center gap-3">