)}
@@ -116,8 +116,8 @@ const Files = component$<{
);
});
return (
-
-
+
+
{files.value.map((file) => (
))}
From f25e0960633329b1cc2b300076a3ccbaec13af7d Mon Sep 17 00:00:00 2001
From: grngxd <36968271+grngxd@users.noreply.github.com>
Date: Tue, 29 Jul 2025 23:08:18 +0100
Subject: [PATCH 2/4] refactor: replace OSBar with Actionbar and update
TitleBar to Titlebar with more personalized greetings
---
.../dashboard/{OSBar.tsx => Actionbar.tsx} | 0
src/components/dashboard/TitleBar.tsx | 47 ++++++++++++-------
src/routes/dashboard/index.tsx | 8 ++--
3 files changed, 35 insertions(+), 20 deletions(-)
rename src/components/dashboard/{OSBar.tsx => Actionbar.tsx} (100%)
diff --git a/src/components/dashboard/OSBar.tsx b/src/components/dashboard/Actionbar.tsx
similarity index 100%
rename from src/components/dashboard/OSBar.tsx
rename to src/components/dashboard/Actionbar.tsx
diff --git a/src/components/dashboard/TitleBar.tsx b/src/components/dashboard/TitleBar.tsx
index c26af60..5782756 100644
--- a/src/components/dashboard/TitleBar.tsx
+++ b/src/components/dashboard/TitleBar.tsx
@@ -5,27 +5,42 @@ import { StereoUser } from "~/lib/types";
export default component$(() => {
const greetings = [
- "what's on the agenda today, |?",
- "what's on your mind, |?",
- "what's the plan, |?",
- "ready to rock, |?",
- "what's brewing, |?",
- "what's the latest, |?",
- "how's your day going, |?",
- "need some inspiration, |?",
- "let's make some noise, |!",
- "welcome back, |!",
- "good to see you, |!",
- "what are we making today, |?",
- "time to make some magic, |!",
- "let's get creative, |?",
- "what's the vibe today, |?",
+ "what's on the agenda today,
?",
+ "what's on your mind, ?",
+ "what's the plan, ?",
+ "ready to rock, ?",
+ "what's brewing, ?",
+ "what's the latest, ?",
+ "how's your day going, ?",
+ "need some inspiration, ?",
+ "let's make some noise, !",
+ "welcome back, !",
+ "good to see you, !",
+ "what are we making today, ?",
+ "time to make some magic, !",
+ "let's get creative, !",
+ "what's the vibe today, ?",
+ "let's create something awesome, !",
+ "what's the next big thing, ?",
+ "let's turn ideas into reality, !",
+ "let's see your next masterpiece, !",
+ "let's make some art, !",
+ "what's the next hit, ?",
+ "let's make some music, !",
+ "let's make some waves, !",
+ "what brilliance awaits, ?",
+ "ready to brainstorm, ?",
+ "let's bring ideas to life, !",
+ "don't get any ideas, ...",
+ "let's try this again, !",
+ "let's get this party started, !",
+ "let's make something unforgettable, !",
]
const greeting = greetings[Math.floor(Math.random() * greetings.length)];
const user = useNanostore$(userInfo);
- const splits = greeting.split("|");
+ const splits = greeting.split("");
useTask$(({ track }) => {
track(() => user.value);
diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx
index 7ec3ff3..16911f1 100644
--- a/src/routes/dashboard/index.tsx
+++ b/src/routes/dashboard/index.tsx
@@ -1,8 +1,8 @@
import { component$, Signal, useSignal, useTask$, useVisibleTask$ } from "@builder.io/qwik";
import { routeLoader$, type DocumentHead } from "@builder.io/qwik-city";
-import OSBar from "~/components/dashboard/OSBar";
+import Actionbar from "~/components/dashboard/Actionbar";
import Settings from "~/components/dashboard/Settings";
-import TitleBar from "~/components/dashboard/TitleBar";
+import Titlebar from "~/components/dashboard/Titlebar";
// import Dropzone from "~/components/Dropzone";
import { useNanostore$ } from "~/hooks/nanostores";
import { api } from "~/lib/api";
@@ -30,9 +30,9 @@ export default component$(() => {
<>
>
);
From 5f7885a6bd4e9ac5f0228b35f6f696c9727d61bf Mon Sep 17 00:00:00 2001
From: grngxd <36968271+grngxd@users.noreply.github.com>
Date: Tue, 29 Jul 2025 23:12:36 +0100
Subject: [PATCH 3/4] style: update header color for selected category in
settings
---
src/components/dashboard/Settings.tsx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/components/dashboard/Settings.tsx b/src/components/dashboard/Settings.tsx
index d8cefa3..d502841 100644
--- a/src/components/dashboard/Settings.tsx
+++ b/src/components/dashboard/Settings.tsx
@@ -113,7 +113,7 @@ export default component$(() => {
-
{categories.value[selectedCategory.value].name}
+ {categories.value[selectedCategory.value].name}
From d5dfeac9c0656d35bd59889625b4fba8b9a1188b Mon Sep 17 00:00:00 2001
From: grngxd <36968271+grngxd@users.noreply.github.com>
Date: Wed, 30 Jul 2025 10:56:09 +0100
Subject: [PATCH 4/4] add description to settings pages
---
src/components/dashboard/Settings.tsx | 28 +++++++++++++++++++++------
1 file changed, 22 insertions(+), 6 deletions(-)
diff --git a/src/components/dashboard/Settings.tsx b/src/components/dashboard/Settings.tsx
index d502841..104d316 100644
--- a/src/components/dashboard/Settings.tsx
+++ b/src/components/dashboard/Settings.tsx
@@ -59,10 +59,26 @@ export default component$(() => {
});
const categories = useSignal([
- { name: "storage & plan", component: StorageAndPlan },
- { name: "api & integrations", component: Integrations },
- { name: "privacy & security", component: PrivacyAndSecurity },
- { name: "danger zone", component: DangerZone }
+ {
+ name: "storage & plan",
+ description: "manage your storage and plan details",
+ component: StorageAndPlan
+ },
+ {
+ name: "api & integrations",
+ description: "manage your api keys and integrations",
+ component: Integrations
+ },
+ {
+ name: "privacy & security",
+ description: "manage your privacy settings and security options",
+ component: PrivacyAndSecurity
+ },
+ {
+ name: "danger zone",
+ description: "delete your account and data",
+ component: DangerZone
+ }
])
const selectedCategory = useSignal(0);
@@ -107,13 +123,13 @@ export default component$(() => {
onClick$={() => (selectedCategory.value = i)}
>
{category.name}
-
description
+
{category.description}