feat(ui): save theme information on combo data

Also bump combo-store version to v2
mateusfg7 · Oct 3, 2023 · 3dcfcc6 · 3dcfcc6
1 parent 22db0cf
commit 3dcfcc6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/components/header/combo-list/index.tsx b/src/components/header/combo-list/index.tsx
@@ -17,6 +17,7 @@ import {
 
 export function ComboList() {
   const theme = useThemeStore(set => set.theme)
+  const setTheme = useThemeStore(set => set.setTheme)
   const sounds = useSoundsStateStore(state => state.sounds)
   const bulkUpdate = useSoundsStateStore(state => state.bulkUpdate)
   const combos = useComboStore(state => state.combos)
@@ -39,12 +40,13 @@ export function ComboList() {
       .map(sound => ({ ...sound, active: false }))
 
     console.log(
-      `enabledSounds: ${comboSounds.map(
-        sound => `${sound.id}:${sound.volume}`
-      )}`
+      `
+      theme: ${combo[0].theme}
+      enabledSounds: ${comboSounds.map(sound => `${sound.id}:${sound.volume}`)}`
     )
 
     bulkUpdate([...disabledSounds, ...comboSounds])
+    setTheme(combo[0].theme)
   }
 
   useEffect(() => {

diff --git a/src/components/save-combo-button/index.tsx b/src/components/save-combo-button/index.tsx
@@ -33,7 +33,8 @@ export function SaveComboButton() {
     saveCombo({
       id: faker.string.alphanumeric({ casing: 'lower', length: 6 }),
       name: comboName,
-      sounds: activeSounds
+      sounds: activeSounds,
+      theme
     })
 
     setComboName('')

diff --git a/src/stores/combo-store.ts b/src/stores/combo-store.ts
@@ -1,10 +1,12 @@
 import { create } from 'zustand'
 import { SoundState } from './sounds-state-store'
 import { persist } from 'zustand/middleware'
+import { Theme } from './theme-store'
 
 interface Combo {
   id: string
   name: string
+  theme: Theme
   sounds: SoundState[]
 }
 
@@ -27,6 +29,6 @@ export const useComboStore = create<Props>()(
         set({ combos })
       }
     }),
-    { name: 'combo-store', version: 1 }
+    { name: 'combo-store', version: 2 }
   )
 )