Mathis/lemma
1
0
Fork 0
mirror of https://github.com/lordmathis/lemma.git synced 2025-11-06 07:54:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor imports and handle async operations in components

Browse Source
This commit is contained in:
Matúš Námešný
2025-05-23 22:13:25 +02:00
parent 646a897b93
commit ad2334c414
5 changed files with 59 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/src/components/files/FileTree.tsx
View File

@@ -1,10 +1,9 @@
import React, { useRef, useState, useLayoutEffect } from 'react';
import type { NodeApi } from 'react-arborist';
import { Tree } from 'react-arborist';
import { Tree, type NodeApi } from 'react-arborist';
import { IconFile, IconFolder, IconFolderOpen } from '@tabler/icons-react';
import { Tooltip } from '@mantine/core';
import useResizeObserver from '@react-hook/resize-observer';
import type { FileNode } from '../../types/fileApi';
import type { FileNode } from '@/types/models';
interface Size {
width: number;
@@ -42,7 +41,11 @@ const FileIcon = ({ node }: { node: NodeApi<FileNode> }) => {
};
// Define a Node component that matches what React-Arborist expects
function Node(props: any) {
function Node(props: {
node: NodeApi<FileNode>;
style: React.CSSProperties;
dragHandle: React.Ref<HTMLDivElement>;
}) {
const { node, style, dragHandle } = props;
const handleClick = () => {
@@ -119,7 +122,7 @@ const FileTree: React.FC<FileTreeProps> = ({
onActivate={(node) => {
const fileNode = node.data as FileNode;
if (!node.isInternal) {
handleFileSelect(fileNode.path);
void handleFileSelect(fileNode.path);
}
}}
{...({
@@ -127,7 +130,7 @@ const FileTree: React.FC<FileTreeProps> = ({
onNodeClick: (node: NodeApi<FileNode>) => {
const fileNode = node.data;
if (!node.isInternal) {
handleFileSelect(fileNode.path);
void handleFileSelect(fileNode.path);
}
},
} as any)}