diff --git a/src/components/files/FileCard.tsx b/src/components/files/FileCard.tsx index 0c4967be..bee7414a 100644 --- a/src/components/files/FileCard.tsx +++ b/src/components/files/FileCard.tsx @@ -94,15 +94,16 @@ function FileCard({ {selectedGame && ( <> - + + + )} diff --git a/src/components/panels/analysis/AnalysisPanel.tsx b/src/components/panels/analysis/AnalysisPanel.tsx index 15dfa932..15926e84 100644 --- a/src/components/panels/analysis/AnalysisPanel.tsx +++ b/src/components/panels/analysis/AnalysisPanel.tsx @@ -229,9 +229,7 @@ function AnalysisPanel({ flexDirection: "column", }} > - - - + diff --git a/src/components/panels/analysis/LogsPanel.tsx b/src/components/panels/analysis/LogsPanel.tsx index 8f28ffb6..1f3d4749 100644 --- a/src/components/panels/analysis/LogsPanel.tsx +++ b/src/components/panels/analysis/LogsPanel.tsx @@ -7,12 +7,15 @@ import { ActionIcon, Table, Select, + Box, + Stack, } from "@mantine/core"; import { IconFileExport, IconRefresh } from "@tabler/icons-react"; import { useAtomValue } from "jotai"; import { forwardRef, useEffect, useMemo, useRef, useState } from "react"; import useSWR from "swr"; import { FixedSizeList } from "react-window"; +import AutoSizer from "react-virtualized-auto-sizer"; import { commands } from "@/bindings"; import { LocalEngine } from "@/utils/engines"; import { save } from "@tauri-apps/api/dialog"; @@ -69,7 +72,7 @@ export default function LogsPanel() { } return ( - <> + mutate()}> @@ -105,20 +108,26 @@ export default function LogsPanel() { No logs for {engine?.name ?? "engine"} )} - - {({ index, style }) => ( - - - - )} - - + + + {({ height, width }) => ( + + {({ index, style }) => ( + + + + )} + + )} + + + ); } diff --git a/src/components/panels/info/FenSearch.tsx b/src/components/panels/info/FenSearch.tsx index 1980bf77..ff2f4be2 100644 --- a/src/components/panels/info/FenSearch.tsx +++ b/src/components/panels/info/FenSearch.tsx @@ -58,7 +58,7 @@ export default function FenSearch({ currentFen }: { currentFen: string }) { const exactOptionMatch = data?.some((item) => item.fen === search); const options = data?.map((item) => ( - +
{item.name} diff --git a/src/components/panels/info/GameSelector.tsx b/src/components/panels/info/GameSelector.tsx index 63f6408f..93c460f2 100644 --- a/src/components/panels/info/GameSelector.tsx +++ b/src/components/panels/info/GameSelector.tsx @@ -16,7 +16,6 @@ import cx from "clsx"; import * as classes from "./GameSelector.css" export default function GameSelector({ - height, games, setGames, setPage, @@ -25,7 +24,6 @@ export default function GameSelector({ activePage, deleteGame, }: { - height: number; games: Map; setGames: React.Dispatch>>; setPage: (v: number) => void; @@ -58,8 +56,8 @@ export default function GameSelector({ }, [games.size, loadMoreRows]); return ( - - {({ width }) => ( + + {({ width, height }) => ( {formatNumber(gameNumber + 1)}. {currentName} - - + + + +