xevion/factorio-achievements-fixer
1
0
Fork 0
mirror of https://github.com/Xevion/factorio-achievements-fixer.git synced 2025-12-07 01:15:03 -06:00
Code Issues Packages Projects Releases Wiki Activity

Setup onFile handlers properly, remove extra class

Browse Source
This commit is contained in:
Xevion
2024-11-27 07:30:50 -06:00
parent 8537e9fbff
commit f12a9ed53b
2 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/DragAndDrop.tsx
View File

@@ -10,7 +10,7 @@ import { DragDropEvent } from "@tauri-apps/api/webview";
interface DragAndDropProps { interface DragAndDropProps {
className?: string; className?: string;
onFile: (path: string) => void; onFile?: (path: string) => void;
} }
export default function DragAndDrop({ className, onFile }: DragAndDropProps) { export default function DragAndDrop({ className, onFile }: DragAndDropProps) {
@@ -41,7 +41,7 @@ export default function DragAndDrop({ className, onFile }: DragAndDropProps) {
async (event) => { async (event) => {
setIsHovering({ state: "off" }); setIsHovering({ state: "off" });
if (await isValid(event.payload.paths)) { if (await isValid(event.payload.paths)) {
onFile(event.payload.paths[0]); onFile?.(event.payload.paths[0]);
} }
} }
).then((fn) => fn); ).then((fn) => fn);
@@ -87,7 +87,7 @@ export default function DragAndDrop({ className, onFile }: DragAndDropProps) {
}); });
if (selectedFile !== null && (await exists(selectedFile))) { if (selectedFile !== null && (await exists(selectedFile))) {
onFile(selectedFile); onFile?.(selectedFile);
} }
} }

20
src/views/SaveSelector.tsx
View File

@@ -10,7 +10,11 @@ type SaveFile = {
last_modified: string; last_modified: string;
}; };
export default function SaveSelector() { interface SaveSelectorProps {
onFile?: (path: string) => void;
}
export default function SaveSelector({ onFile }: SaveSelectorProps) {
const [saveFiles, setSaveFiles] = useState<SaveFile[]>([]); const [saveFiles, setSaveFiles] = useState<SaveFile[]>([]);
useEffect(() => { useEffect(() => {
@@ -21,11 +25,12 @@ export default function SaveSelector() {
}); });
}, []); }, []);
function Item({ file }: { file: SaveFile }) { function Item({ file, onClick }: { file: SaveFile; onClick: () => void }) {
return ( return (
<div <div
class="flex items-center justify-between p-1 hover:cursor-pointer bg-zinc-700 rounded hover:bg-zinc-600 group" class="flex items-center justify-between p-1 hover:cursor-pointer bg-zinc-700 rounded hover:bg-zinc-600 group"
title={file.path} title={file.path}
onClick={onClick}
> >
<div className="flex justify-between text-zinc-400 w-full items-center text-sm"> <div className="flex justify-between text-zinc-400 w-full items-center text-sm">
<FolderIcon class="inline w-6 h-6 shrink-0 ml-0.5 mt-0.5 mr-1.5" /> <FolderIcon class="inline w-6 h-6 shrink-0 ml-0.5 mt-0.5 mr-1.5" />
@@ -42,13 +47,20 @@ export default function SaveSelector() {
return ( return (
<> <>
<DragAndDrop className="mr-1.5 bg-red-500!" onFile={() => {}} /> <DragAndDrop className="mr-1.5" onFile={onFile} />
<div className="mt-1 text-center select-none text-zinc-300 text-[0.85rem]"> <div className="mt-1 text-center select-none text-zinc-300 text-[0.85rem]">
Or, select a save file from below Or, select a save file from below
</div> </div>
<div className="mt-1.5 overflow-y-auto overflow-x-hidden pr-2 space-y-2"> <div className="mt-1.5 overflow-y-auto overflow-x-hidden pr-2 space-y-2">
{saveFiles.map((file) => { {saveFiles.map((file) => {
return <Item file={file} />; return (
<Item
onClick={() => {
onFile?.(file.path);
}}
file={file}
/>
);
})} })}
</div> </div>
</> </>