refactor: update file handling and improve component structure
- fix api client - make controlbar look better - fix api client again
This commit is contained in:
parent
50b1bc2b24
commit
98a582c8d4
10 changed files with 62 additions and 31 deletions
|
@ -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>
|
||||
)
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue