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

add description to settings pages

Browse source
This commit is contained in:
grngxd 2025-07-30 10:56:09 +01:00
parent 5f7885a6bd
commit d5dfeac9c0
1 changed files with 22 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/components/dashboard/Settings.tsx
View file

@ -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)}
>
<h2 class="text-lg">{category.name}</h2>
<p class="text-sm text-white/25">description</p>
<p class="text-sm text-white/25">{category.description}</p>
</div>
))}
</div>
</div>
<div class="flex flex-col flex-3/4 text-lg overflow-clip">
<h1 class="text-2xl mb-2 text-white/75">{categories.value[selectedCategory.value].name}</h1>
<h1 class="text-2xl mb-2">{categories.value[selectedCategory.value].name}</h1>
<SelectedComponent.value />
</div>
</div>