diff --git a/src/components/dashboard/OSBar.tsx b/src/components/dashboard/OSBar.tsx index 47206ac..4607fcf 100644 --- a/src/components/dashboard/OSBar.tsx +++ b/src/components/dashboard/OSBar.tsx @@ -1,45 +1,9 @@ import { component$ } from "@builder.io/qwik"; -import { SolarLibraryLinear, SolarQuestionCircleLinear, SolarRoundedMagniferLinear, SolarSettingsLinear, SolarUploadMinimalisticLinear, StereoCircularProgress, StereoLogoLinear } from "../misc/Icons"; export default component$(() => { - const used = 3.8; - const total = 15; return ( -
-
- -

{used} / {total} GB

-
- -
- - - - - -
- -
- -
+
+ a
) }) \ No newline at end of file diff --git a/src/components/dashboard/TitleBar.tsx b/src/components/dashboard/TitleBar.tsx index c26af60..ba9caa5 100644 --- a/src/components/dashboard/TitleBar.tsx +++ b/src/components/dashboard/TitleBar.tsx @@ -1,4 +1,4 @@ -import { component$, useTask$ } from "@builder.io/qwik"; +import { component$ } from "@builder.io/qwik"; import { useNanostore$ } from "~/hooks/nanostores"; import { userInfo } from "~/lib/stores"; import { StereoUser } from "~/lib/types"; @@ -26,13 +26,9 @@ export default component$(() => { const user = useNanostore$(userInfo); const splits = greeting.split("|"); - - useTask$(({ track }) => { - track(() => user.value); - }) return ( -
+

{splits[0]} diff --git a/src/components/landing/Footer.tsx b/src/components/landing/Footer.tsx index 363619f..16fef9d 100644 --- a/src/components/landing/Footer.tsx +++ b/src/components/landing/Footer.tsx @@ -1,5 +1,5 @@ import { component$ } from "@builder.io/qwik"; -import { StereoLogoBold } from "../misc/Icons"; +import StereoLogo from "../misc/StereoLogo"; export default component$(() => { return ( @@ -7,7 +7,7 @@ export default component$(() => {

- + stereo.cat diff --git a/src/components/landing/Navbar.tsx b/src/components/landing/Navbar.tsx index 4e23a25..85fb716 100644 --- a/src/components/landing/Navbar.tsx +++ b/src/components/landing/Navbar.tsx @@ -1,5 +1,5 @@ import { component$ } from "@builder.io/qwik"; -import { StereoLogoBold } from "../misc/Icons"; +import StereoLogo from "../misc/StereoLogo"; export default component$(() => { const items = [ @@ -17,7 +17,7 @@ export default component$(() => { data-aos-duration="1000" class="fixed flex items-center justify-start top-6 left-1/2 transform -translate-x-1/2 bg-neutral-950 p-8 h-10 rounded-full lg:w-2/3 md:w-4/5 w-4/5 z-[9999999] shadow-lg">
- +

diff --git a/src/components/misc/Icons.tsx b/src/components/misc/Icons.tsx index 6718fbe..5500ae1 100644 --- a/src/components/misc/Icons.tsx +++ b/src/components/misc/Icons.tsx @@ -1,7 +1,5 @@ import { QwikIntrinsicElements } from "@builder.io/qwik"; -// Solar - https://icones.js.org/collection/solar - export function SolarUploadLinear(props: QwikIntrinsicElements['svg'], key: string) { return ( @@ -28,6 +26,7 @@ export function SolarLinkRoundBold(props: QwikIntrinsicElements['svg'], key: str ) } + export function SolarDownloadMinimalisticBold(props: QwikIntrinsicElements['svg'], key: string) { return ( @@ -37,93 +36,4 @@ export function SvgSpinnersBarsRotateFade(props: QwikIntrinsicElements['svg'], k return ( ) -} - -export function SolarLibraryLinear(props: QwikIntrinsicElements['svg'], key: string) { - return ( - - ) -} - -export function SolarUploadMinimalisticLinear(props: QwikIntrinsicElements['svg'], key: string) { - return ( - - ) -} - - -export function SolarRoundedMagniferLinear(props: QwikIntrinsicElements['svg'], key: string) { - return ( - - ) -} - - -export function SolarSettingsLinear(props: QwikIntrinsicElements['svg'], key: string) { - return ( - - ) -} - - -export function SolarQuestionCircleLinear(props: QwikIntrinsicElements['svg'], key: string) { - return ( - - ) -} - -// Stereo - -export function StereoLogoBold(props: QwikIntrinsicElements['svg'], key: string) { - return ( - - ) -} - -export function StereoLogoLinear(props: QwikIntrinsicElements['svg'], key: string) { - return ( - - ) -} - -export function StereoCircularProgress( - { value, ...svgProps }: QwikIntrinsicElements['svg'] & { value: number }, - key: string -) { - const radius = 10; - const circumference = 2 * Math.PI * radius; - const dashOffset = circumference * (1 - value); - - return ( - - - - - ); } \ No newline at end of file diff --git a/src/components/misc/StereoLogo.tsx b/src/components/misc/StereoLogo.tsx new file mode 100644 index 0000000..892ea95 --- /dev/null +++ b/src/components/misc/StereoLogo.tsx @@ -0,0 +1,9 @@ +import { component$, QwikIntrinsicElements } from "@builder.io/qwik"; + +export default component$((props: QwikIntrinsicElements['svg']) => { + return ( + + + + ) +}) \ No newline at end of file diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx index b6f48e8..10aa70b 100644 --- a/src/routes/dashboard/index.tsx +++ b/src/routes/dashboard/index.tsx @@ -26,7 +26,7 @@ export default component$(() => { }); return ( -

+
@@ -39,22 +39,9 @@ const Files = component$<{ loaded: Signal; // eslint-disable-next-line @typescript-eslint/no-unused-vars }>(({ files, loaded }) => { - - const File = component$(({ file }: { file: StereoFile }) => { - return ( -
- {file.Name} -
- ) - }) - return ( -
-
- {files.value.map((file) => ( - - ))} -
+
+ b
); }); diff --git a/src/routes/layout.tsx b/src/routes/layout.tsx index 0d156ac..9ed7b73 100644 --- a/src/routes/layout.tsx +++ b/src/routes/layout.tsx @@ -1,4 +1,4 @@ -import { $, component$, Slot, useOnDocument, useVisibleTask$ } from '@builder.io/qwik'; +import { $, component$, Slot, useOnDocument } from '@builder.io/qwik'; import AOS from 'aos'; import 'aos/dist/aos.css'; import { useNanostore$ } from '~/hooks/nanostores'; @@ -9,11 +9,8 @@ import { StereoUser } from '~/lib/types'; export default component$(() => { const info = useNanostore$(userInfo); - useVisibleTask$(async () => { - info.value = await api.me(); - }) - useOnDocument("DOMContentLoaded", $(async () => { + info.value = await api.me() AOS.init({ once: true,