From 7e39bd78d7ef5e5abb993170f4b4e02334e05e48 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 20 Jun 2024 19:19:57 +0600
Subject: [PATCH] web/settings: fix setting value name

---
 web/src/components/buttons/SettingsButton.svelte | 10 +++++-----
 web/src/components/save/Omnibox.svelte           |  6 +++---
 web/src/routes/settings/+page.svelte             |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/web/src/components/buttons/SettingsButton.svelte b/web/src/components/buttons/SettingsButton.svelte
index a0a29e12..bb2a6f13 100644
--- a/web/src/components/buttons/SettingsButton.svelte
+++ b/web/src/components/buttons/SettingsButton.svelte
@@ -3,7 +3,7 @@
     generics="
         Context extends Exclude<keyof CobaltSettings, 'schemaVersion'>,
         Id extends keyof CobaltSettings[Context],
-        Key extends CobaltSettings[Context][Id]
+        Value extends CobaltSettings[Context][Id]
     "
 >
     import settings, { updateSetting } from "$lib/settings";
@@ -11,20 +11,20 @@
 
     export let settingContext: Context;
     export let settingId: Id;
-    export let settingKey: Key;
+    export let settingValue: Value;
 
     $: setting = $settings[settingContext][settingId];
-    $: isSelected = setting === settingKey;
+    $: isSelected = setting === settingValue;
 </script>
 
 <button
-    id="setting-button-{settingContext}-{String(settingId)}-{settingKey}"
+    id="setting-button-{settingContext}-{String(settingId)}-{settingValue}"
     class="button"
     class:selected={isSelected}
     on:click={() =>
         updateSetting({
             [settingContext]: {
-                [settingId]: settingKey,
+                [settingId]: settingValue,
             },
         })}
 >
diff --git a/web/src/components/save/Omnibox.svelte b/web/src/components/save/Omnibox.svelte
index 3a4e6d58..a8ce013e 100644
--- a/web/src/components/save/Omnibox.svelte
+++ b/web/src/components/save/Omnibox.svelte
@@ -68,13 +68,13 @@
 
     <div id="action-container">
         <Switcher>
-            <SettingsButton settingContext="save" settingId="downloadMode" settingKey="auto">
+            <SettingsButton settingContext="save" settingId="downloadMode" settingValue="auto">
                 <IconSparkles /> auto
             </SettingsButton>
-            <SettingsButton settingContext="save" settingId="downloadMode" settingKey="audio">
+            <SettingsButton settingContext="save" settingId="downloadMode" settingValue="audio">
                 <IconMusic /> audio
             </SettingsButton>
-            <SettingsButton settingContext="save" settingId="downloadMode" settingKey="mute">
+            <SettingsButton settingContext="save" settingId="downloadMode" settingValue="mute">
                 <IconMute /> mute
             </SettingsButton>
         </Switcher>
diff --git a/web/src/routes/settings/+page.svelte b/web/src/routes/settings/+page.svelte
index 5f94bc32..a0fce1e3 100644
--- a/web/src/routes/settings/+page.svelte
+++ b/web/src/routes/settings/+page.svelte
@@ -22,7 +22,7 @@
                 <div>{settingId}</div>
                 <Switcher>
                     {#each settingValue as value}
-                        <SettingsButton settingContext="{context}" settingId="{settingId}" settingKey="{value}">
+                        <SettingsButton settingContext="{context}" settingId="{settingId}" settingValue="{value}">
                             {value}
                         </SettingsButton>
                     {/each}