Randomize first music track on load

BibliothecaDAO · Jan 7, 2025 · 5492200 · 5492200
1 parent 7acc2dd
commit 5492200
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/client/apps/game/src/hooks/store/useUIStore.tsx b/client/apps/game/src/hooks/store/useUIStore.tsx
@@ -4,6 +4,7 @@ import { ContractAddress } from "@bibliothecadao/eternum";
 import React from "react";
 import { create } from "zustand";
 import { subscribeWithSelector } from "zustand/middleware";
+import { tracks } from "../useMusic";
 import { BuildModeStore, createBuildModeStoreSlice } from "./_buildModeStore";
 import { PopupsStore, createPopupsSlice } from "./_popupsStore";
 import { ThreeStore, createThreeStoreSlice } from "./_threeStore";
@@ -73,6 +74,12 @@ interface UIStore {
 
 export type AppStore = UIStore & PopupsStore & ThreeStore & BuildModeStore & RealmStore & BlockchainStore & WorldStore;
 
+const getRandomTrackIndex = (tracksLength: number) => {
+  return Math.floor(Math.random() * tracksLength);
+};
+
+const initialTrackIndex = getRandomTrackIndex(tracks.length);
+
 const useUIStore = create(
   subscribeWithSelector<AppStore>((set, get) => ({
     theme: "light",
@@ -84,9 +91,9 @@ const useUIStore = create(
     isSideMenuOpened: true,
     toggleSideMenu: () => set((state) => ({ isSideMenuOpened: !state.isSideMenuOpened })),
     isSoundOn: localStorage.getItem("soundEnabled") ? localStorage.getItem("soundEnabled") === "true" : true,
-    trackName: "Day Break",
+    trackName: tracks[initialTrackIndex].name,
     setTrackName: (name) => set({ trackName: name }),
-    trackIndex: 1,
+    trackIndex: initialTrackIndex,
     setTrackIndex: (index) => set({ trackIndex: index }),
     toggleSound: () =>
       set((state) => {