starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-19 23:31:21 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Fix indent guide hovering

Browse Source
This commit is contained in:
Gregory Schier
2025-10-20 09:13:00 -07:00
parent 7c5dec821d
commit 1c48b309b5
3 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src-web/components/core/tree/TreeIndentGuide.tsx
View File

@@ -1,16 +1,19 @@
import classNames from 'classnames';
import { useAtomValue } from 'jotai';
import { memo } from 'react';
import { hoveredParentDepthFamily } from './atoms';
import { hoveredParentDepthFamily, isParentHoveredFamily } from './atoms';
export const TreeIndentGuide = memo(function TreeIndentGuide({
treeId,
depth,
parentId,
}: {
treeId: string;
depth: number;
parentId: string | null;
}) {
const parentDepth = useAtomValue(hoveredParentDepthFamily(treeId));
const isHovered = useAtomValue(isParentHoveredFamily({ treeId, parentId }));
return (
<div className="flex">
@@ -19,7 +22,7 @@ export const TreeIndentGuide = memo(function TreeIndentGuide({
key={i}
className={classNames(
'w-[1rem] border-r border-r-text-subtlest',
parentDepth !== i + 1 && 'opacity-30',
!(parentDepth === i + 1 && isHovered) && 'opacity-30',
)}
/>
))}