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([ const categories = useSignal([
{ name: "storage & plan", component: StorageAndPlan }, {
{ name: "api & integrations", component: Integrations }, name: "storage & plan",
{ name: "privacy & security", component: PrivacyAndSecurity }, description: "manage your storage and plan details",
{ name: "danger zone", component: DangerZone } 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); const selectedCategory = useSignal(0);
@ -107,13 +123,13 @@ export default component$(() => {
onClick$={() => (selectedCategory.value = i)} onClick$={() => (selectedCategory.value = i)}
> >
<h2 class="text-lg">{category.name}</h2> <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>
</div> </div>
<div class="flex flex-col flex-3/4 text-lg overflow-clip"> <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 /> <SelectedComponent.value />
</div> </div>
</div> </div>