Opti fees

client/src/App.tsx

@@ -2,13 +2,15 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import { Toaster } from "./ui/elements/sonner";
 import { Home } from "./ui/screens/Home";
 import { TooltipProvider } from "@/ui/elements/tooltip";
+import { Test } from "./ui/screens/Test";
 
 export default function App() {
   return (
     <TooltipProvider>
       <Router>
         <Routes>
           <Route path="/" element={<Home />} />
+          <Route path="/test" element={<Test />} />
         </Routes>
         <Toaster position="bottom-right" />
       </Router>

client/src/cartridgeConnector.tsx

@@ -13,9 +13,11 @@ const {
 
 export type Manifest = typeof manifest;
 
+const { VITE_PUBLIC_NAMESPACE } = import.meta.env;
+
 const colorMode: ColorMode = "dark";
 const theme = "zkube";
-const namespace = "zkube";
+const namespace = VITE_PUBLIC_NAMESPACE;
 const slot = `zkube-${VITE_PUBLIC_DEPLOY_TYPE}`;
 
 const account_contract_address = getContractByName(

client/src/contexts/sound.tsx

@@ -2,7 +2,7 @@ import { useGame } from "@/hooks/useGame";
 import { usePlayer } from "@/hooks/usePlayer";
 import React, { createContext, useState, useEffect } from "react";
 import useAccountCustom from "@/hooks/useAccountCustom";
-import { useMusicPlayer } from './hooks';
+import { useMusicPlayer } from "./hooks";
 
 const SoundPlayerContext = createContext({});
 
@@ -15,8 +15,7 @@ export function SoundPlayerProvider({
   const [over, setOver] = useState(false);
   const [start, setStart] = useState(false);
 
-  const { account } = useAccountCustom();
-  const { player } = usePlayer({ playerId: account?.address });
+  const { player } = usePlayer();
   const { game } = useGame({ gameId: player?.game_id, shouldLog: false });
 
   useEffect(() => {