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

fix PD-2244
This commit is contained in:
pengx17
2025-02-06 16:14:54 +00:00
parent 2ff31c6274
commit 86de184593
2 changed files with 16 additions and 8 deletions

View File

@@ -1,5 +1,6 @@
import type { MenuProps } from '@affine/component'; 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 clsx from 'clsx';
import type { HTMLAttributes, MouseEventHandler } from 'react'; import type { HTMLAttributes, MouseEventHandler } from 'react';
import { forwardRef, memo, useCallback, useMemo, useState } from 'react'; import { forwardRef, memo, useCallback, useMemo, useState } from 'react';
@@ -87,6 +88,7 @@ export const SplitViewIndicator = memo(
[] []
); );
const t = useI18n();
return ( return (
<div <div
ref={ref} ref={ref}
@@ -100,13 +102,18 @@ export const SplitViewIndicator = memo(
> >
<div className={styles.menuTrigger} /> <div className={styles.menuTrigger} />
</Menu> </Menu>
<SplitViewDragHandle <Tooltip
ref={dragHandleRef} content={t['com.affine.split-view-drag-handle.tooltip']()}
open={menuOpen} side="bottom"
onOpenMenu={openMenu} >
active={isActive} <SplitViewDragHandle
dragging={isDragging} ref={dragHandleRef}
/> open={menuOpen}
onOpenMenu={openMenu}
active={isActive}
dragging={isDragging}
/>
</Tooltip>
</div> </div>
); );
} }

View File

@@ -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-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-attachment-in-split-view": "Open in split view",
"com.affine.peek-view-controls.open-doc-in-center-peek": "Open in center peek", "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.creation": "New",
"com.affine.quicksearch.group.searchfor": "Search for \"{{query}}\"", "com.affine.quicksearch.group.searchfor": "Search for \"{{query}}\"",
"com.affine.resetSyncStatus.button": "Reset sync", "com.affine.resetSyncStatus.button": "Reset sync",