fix(electron): split view drag indicator tooltip (#9979)

fix PD-2244

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,6 +102,10 @@ export const SplitViewIndicator = memo(
           >
             <div className={styles.menuTrigger} />
           </Menu>
+          <Tooltip
+            content={t['com.affine.split-view-drag-handle.tooltip']()}
+            side="bottom"
+          >
             <SplitViewDragHandle
               ref={dragHandleRef}
               open={menuOpen}
@@ -107,6 +113,7 @@ export const SplitViewIndicator = memo(
               active={isActive}
               dragging={isDragging}
             />
+          </Tooltip>
         </div>
       );
     }

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",