stereo.cat/frontend
2
1
Fork 0
Code Issues 4 Pull requests Projects 1 Releases Packages Wiki Activity Actions

make loading & no file screen better & remove base64 (fy hex)

Browse source
This commit is contained in:
grngxd 2025-06-08 18:48:15 +01:00
parent cfc724ecce
commit a5ecea4bbf
5 changed files with 86 additions and 89 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/routes/index.tsx
View file

@ -2,6 +2,7 @@ import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
import type { DocumentHead } from "@builder.io/qwik-city";
import Controlbar from "~/components/Controlbar";
import File from "~/components/File";
import { SolarUploadLinear, SvgSpinnersBarsRotateFade } from "~/components/Icons";
import { useNanostore$ } from "~/hooks/nanostores";
import { api } from "~/lib/api";
import { OAUTH_LINK } from "~/lib/constants";
@ -25,13 +26,19 @@ export default component$(() => {
<>
<Controlbar />
<a href={OAUTH_LINK}>oauth</a>
{/* TODO: make ts better :broken_heart: */}
{!loaded.value ? (
<p>loading</p>
<div class="absolute w-full h-screen flex justify-center items-center flex-col">
<p class="text-gray-500 text-8xl font-bold"><SvgSpinnersBarsRotateFade /></p>
<p class="text-gray-700 text-2xl font-light italic">loading your files...</p>
<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">please wait <span class="animate-spin">⏳</span></span>
</div>
) : (
files.value.length === 0 ? (
<p> no files found fr </p>
<div class="absolute w-full h-screen flex justify-center items-center flex-col">
<p class="text-gray-500 text-8xl font-bold">{"┻━┻︵ \\(°□°)/ ︵ ┻━┻"}</p>
<p class="text-gray-700 text-2xl font-light italic">you haven't uploaded any files yet!</p>
<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">click the <span><SolarUploadLinear /></span> button to get started</span>
</div>
)
: (
<div class="grid grid-cols-4 gap-4 p-4 mb-18">