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

Fix typescript issues

Browse Source
This commit is contained in:
Matúš Námešný
2025-11-15 14:56:48 +01:00
parent 9ba37b3342
commit cc8c8fd414
2 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
import React, { useRef, useState, useLayoutEffect, useCallback } from 'react'; import React, { useRef, useState, useCallback } from 'react';
import { Tree, type NodeApi } from 'react-arborist'; import { Tree, type NodeApi } from 'react-arborist';
import { import {
IconFile, IconFile,
@@ -23,15 +23,11 @@ interface FileTreeProps {
loadFileList: () => Promise<void>; loadFileList: () => Promise<void>;
} }
const useSize = (target: React.RefObject<HTMLElement>): Size | undefined => { const useSize = (
target: React.RefObject<HTMLElement | null>
): Size | undefined => {
const [size, setSize] = useState<Size>(); const [size, setSize] = useState<Size>();
useLayoutEffect(() => {
if (target.current) {
setSize(target.current.getBoundingClientRect());
}
}, [target]);
useResizeObserver(target, (entry) => setSize(entry.contentRect)); useResizeObserver(target, (entry) => setSize(entry.contentRect));
return size; return size;
}; };

23
app/src/components/files/FolderSelector.tsx
View File

@@ -1,4 +1,4 @@
import React, { useRef, useLayoutEffect, useState } from 'react'; import React, { useRef, useState } from 'react';
import { Box } from '@mantine/core'; import { Box } from '@mantine/core';
import { Tree, type NodeApi } from 'react-arborist'; import { Tree, type NodeApi } from 'react-arborist';
import { import {
@@ -21,15 +21,11 @@ interface Size {
height: number; height: number;
} }
const useSize = (target: React.RefObject<HTMLElement>): Size | undefined => { const useSize = (
target: React.RefObject<HTMLElement | null>
): Size | undefined => {
const [size, setSize] = useState<Size>(); const [size, setSize] = useState<Size>();
useLayoutEffect(() => {
if (target.current) {
setSize(target.current.getBoundingClientRect());
}
}, [target]);
useResizeObserver(target, (entry) => setSize(entry.contentRect)); useResizeObserver(target, (entry) => setSize(entry.contentRect));
return size; return size;
}; };
@@ -239,7 +235,10 @@ export const FolderSelector: React.FC<FolderSelectorProps> = ({
}} }}
> >
{/* Root option */} {/* Root option */}
<RootNode isSelected={selectedPath === ''} onSelect={() => onSelect('')} /> <RootNode
isSelected={selectedPath === ''}
onSelect={() => onSelect('')}
/>
{/* Folder tree */} {/* Folder tree */}
{size && folders.length > 0 && ( {size && folders.length > 0 && (
@@ -255,7 +254,11 @@ export const FolderSelector: React.FC<FolderSelectorProps> = ({
disableDrop={() => true} disableDrop={() => true}
> >
{(props) => ( {(props) => (
<FolderNode {...props} selectedPath={selectedPath} onSelect={onSelect} /> <FolderNode
{...props}
selectedPath={selectedPath}
onSelect={onSelect}
/>
)} )}
</Tree> </Tree>
)} )}