refactor: update file handling and improve component structure

- fix api client
- make controlbar look better
- fix api client again
This commit is contained in:
grngxd 2025-06-10 00:10:59 +01:00
parent 50b1bc2b24
commit 98a582c8d4
10 changed files with 62 additions and 31 deletions

View file

@ -1,4 +1,4 @@
import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
import { component$, useVisibleTask$ } from "@builder.io/qwik";
import type { DocumentHead } from "@builder.io/qwik-city";
import Controlbar from "~/components/Controlbar";
import File from "~/components/File";
@ -6,14 +6,14 @@ import { SolarUploadLinear, SvgSpinnersBarsRotateFade } from "~/components/Icons
import { useNanostore$ } from "~/hooks/nanostores";
import { api } from "~/lib/api";
import { OAUTH_LINK } from "~/lib/constants";
import { DashboardFiles } from "~/lib/stores";
import { areFilesLoaded, dashboardFiles } from "~/lib/stores";
import { StereoFile } from "~/lib/types";
// TODO: move this to dashboard/index.tsx
export default component$(() => {
const files = useNanostore$<StereoFile[]>(DashboardFiles);
const loaded = useSignal(false);
const files = useNanostore$<StereoFile[]>(dashboardFiles);
const loaded = useNanostore$<boolean>(areFilesLoaded);
useVisibleTask$(async () => {
loaded.value = false;
@ -43,7 +43,7 @@ export default component$(() => {
: (
<div class="grid grid-cols-4 gap-4 p-4 mb-18">
{files.value.map((file) => (
<File key={file.ID} file={file} />
<File key={file.Name} file={file} />
))}
</div>
)