Try fix folder variable pane layout

This commit is contained in:
Gregory Schier
2025-10-24 14:53:07 -07:00
parent cf9882b5b9
commit b51e37f221
2 changed files with 25 additions and 29 deletions

View File

@@ -3,8 +3,8 @@ import { useDndMonitor, useDraggable, useDroppable } from '@dnd-kit/core';
import classNames from 'classnames';
import { useAtomValue } from 'jotai';
import { selectAtom } from 'jotai/utils';
import type { MouseEvent, PointerEvent, ReactElement, RefAttributes } from 'react';
import React, { forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
import type { MouseEvent, PointerEvent } from 'react';
import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
import { computeSideForDragMove } from '../../../lib/dnd';
import { jotaiStore } from '../../../lib/jotai';
import type { ContextMenuProps, DropdownItem } from '../Dropdown';
@@ -40,7 +40,7 @@ export interface TreeItemHandle {
const HOVER_CLOSED_FOLDER_DELAY = 800;
function TreeItemInner<T extends { id: string }>({
function TreeItem_<T extends { id: string }>({
treeId,
node,
ItemInner,
@@ -325,11 +325,6 @@ function TreeItemInner<T extends { id: string }>({
);
}
// 1) Preserve generics through forwardRef:
const TreeItem_ = forwardRef(TreeItemInner) as <T extends { id: string }>(
props: TreeItemProps<T> & RefAttributes<TreeItemHandle>,
) => ReactElement | null;
export const TreeItem = memo(
TreeItem_,
({ node: prevNode, ...prevProps }, { node: nextNode, ...nextProps }) => {