fix(electron): split view drag indicator tooltip

toeverything · Feb 6, 2025 · 43ed165 · 43ed165
1 parent 0aa9602
commit 43ed165
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/packages/frontend/core/src/modules/workbench/view/split-view/indicator.tsx b/packages/frontend/core/src/modules/workbench/view/split-view/indicator.tsx
@@ -1,5 +1,6 @@
 import type { MenuProps } from '@affine/component';
-import { Menu } from '@affine/component';
+import { Menu, Tooltip } from '@affine/component';
+import { useI18n } from '@affine/i18n';
 import clsx from 'clsx';
 import type { HTMLAttributes, MouseEventHandler } from 'react';
 import { forwardRef, memo, useCallback, useMemo, useState } from 'react';
@@ -87,6 +88,7 @@ export const SplitViewIndicator = memo(
         []
       );
 
+      const t = useI18n();
       return (
         <div
           ref={ref}
@@ -100,13 +102,18 @@ export const SplitViewIndicator = memo(
           >
             <div className={styles.menuTrigger} />
           </Menu>
-          <SplitViewDragHandle
-            ref={dragHandleRef}
-            open={menuOpen}
-            onOpenMenu={openMenu}
-            active={isActive}
-            dragging={isDragging}
-          />
+          <Tooltip
+            content={t['com.affine.split-view-drag-handle.tooltip']()}
+            side="bottom"
+          >
+            <SplitViewDragHandle
+              ref={dragHandleRef}
+              open={menuOpen}
+              onOpenMenu={openMenu}
+              active={isActive}
+              dragging={isDragging}
+            />
+          </Tooltip>
         </div>
       );
     }

diff --git a/packages/frontend/i18n/src/resources/en.json b/packages/frontend/i18n/src/resources/en.json
@@ -1047,6 +1047,7 @@
   "com.affine.peek-view-controls.open-attachment-in-new-tab": "Open in new tab",
   "com.affine.peek-view-controls.open-attachment-in-split-view": "Open in split view",
   "com.affine.peek-view-controls.open-doc-in-center-peek": "Open in center peek",
+  "com.affine.split-view-drag-handle.tooltip": "Click or drag",
   "com.affine.quicksearch.group.creation": "New",
   "com.affine.quicksearch.group.searchfor": "Search for \"{{query}}\"",
   "com.affine.resetSyncStatus.button": "Reset sync",