use existing SettingsCategory, ensure setting shows up per device setting and not state

This commit is contained in:
Alec Armbruster 2024-09-27 15:17:47 -07:00
parent 694aecf624
commit ee0c755825
No known key found for this signature in database
GPG Key ID: 52BC7C84E960FD1B

View File

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { t } from "$lib/i18n/translations"; import { t } from "$lib/i18n/translations";
import settings from "$lib/state/settings"; import currentTheme from "$lib/state/theme";
import { themeOptions } from "$lib/types/settings"; import { themeOptions } from "$lib/types/settings";
@ -24,18 +24,16 @@
</SettingsButton> </SettingsButton>
{/each} {/each}
</Switcher> </Switcher>
</SettingsCategory>
{#if $settings.appearance.theme === "light"} {#if $currentTheme === "light"}
<SettingsCategory sectionId="sidebar" title={$t("settings.sidebar")}>
<SettingsToggle <SettingsToggle
settingContext="appearance" settingContext="appearance"
settingId="darkSidebar" settingId="darkSidebar"
title={$t("settings.sidebar.dark.title")} title={$t("settings.sidebar.dark.title")}
description={$t("settings.sidebar.dark.description")} description={$t("settings.sidebar.dark.description")}
/> />
</SettingsCategory> {/if}
{/if} </SettingsCategory>
<SettingsCategory sectionId="language" title={$t("settings.language")}> <SettingsCategory sectionId="language" title={$t("settings.language")}>
<SettingsToggle <SettingsToggle