diff --git a/client/src/cartridgeConnector.tsx b/client/src/cartridgeConnector.tsx index be6ee00..657fbd8 100644 --- a/client/src/cartridgeConnector.tsx +++ b/client/src/cartridgeConnector.tsx @@ -8,6 +8,7 @@ const { VITE_PUBLIC_GAME_TOKEN_ADDRESS, VITE_PUBLIC_GAME_CREDITS_TOKEN_ADDRESS, VITE_PUBLIC_NODE_URL, + VITE_PUBLIC_DEPLOY_TYPE, } = import.meta.env; export type Manifest = typeof manifest; @@ -15,7 +16,7 @@ export type Manifest = typeof manifest; const colorMode: ColorMode = "dark"; const theme = "zkube"; const namespace = "zkube"; -const slot = "zkube-slotdev"; +const slot = `zkube-${VITE_PUBLIC_DEPLOY_TYPE}`; const account_contract_address = getContractByName( manifest, diff --git a/client/src/ui/actions/Start.tsx b/client/src/ui/actions/Start.tsx index a7c537c..9256801 100644 --- a/client/src/ui/actions/Start.tsx +++ b/client/src/ui/actions/Start.tsx @@ -1,6 +1,6 @@ import { useDojo } from "@/dojo/useDojo"; -import { useCallback, useMemo, useState, useEffect } from "react"; -import { Account, BlockTag } from "starknet"; +import { useCallback, useMemo, useState } from "react"; +import { Account } from "starknet"; import { Button } from "@/ui/elements/button"; import { useGame } from "@/hooks/useGame"; import { usePlayer } from "@/hooks/usePlayer"; diff --git a/client/src/ui/components/Controller.tsx b/client/src/ui/components/Controller.tsx index b72fa30..72b0c0c 100644 --- a/client/src/ui/components/Controller.tsx +++ b/client/src/ui/components/Controller.tsx @@ -1,6 +1,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { Button } from "../elements/button"; -import { faWallet } from "@fortawesome/free-solid-svg-icons"; +import { faTrophy } from "@fortawesome/free-solid-svg-icons"; import { useCallback } from "react"; import { useAccount } from "@starknet-react/core"; @@ -16,7 +16,7 @@ export const Controller = () => { return ( ); }; diff --git a/client/src/ui/components/DesktopHeader.tsx b/client/src/ui/components/DesktopHeader.tsx index 1e2ffdf..1515dc9 100644 --- a/client/src/ui/components/DesktopHeader.tsx +++ b/client/src/ui/components/DesktopHeader.tsx @@ -10,7 +10,6 @@ import { useCallback, useState } from "react"; import LevelIndicator from "./LevelIndicator"; import SettingsDropDown from "./SettingsDropDown"; import { useNavigate } from "react-router-dom"; -import HeaderNftBalance from "./HeaderNftBalance"; import { Controller } from "./Controller"; const DesktopHeader = () => { diff --git a/client/src/ui/elements/button/variants.ts b/client/src/ui/elements/button/variants.ts index 035f75d..076235b 100644 --- a/client/src/ui/elements/button/variants.ts +++ b/client/src/ui/elements/button/variants.ts @@ -18,7 +18,7 @@ export const buttonVariants = cva( brutal: "px-8 py-0.5 border-2 border-black dark:border-white uppercase bg-white text-black transition duration-200 text-sm shadow-[1px_1px_rgba(0,0,0),2px_2px_rgba(0,0,0),3px_3px_rgba(0,0,0),4px_4px_rgba(0,0,0),5px_5px_0px_0px_rgba(0,0,0)] dark:shadow-[1px_1px_rgba(255,255,255),2px_2px_rgba(255,255,255),3px_3px_rgba(255,255,255),4px_4px_rgba(255,255,255),5px_5px_0px_0px_rgba(255,255,255)] ", shimmer: - "inline-flex h-12 animate-shimmer items-center justify-center rounded-md border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] px-6 font-medium text-slate-400 transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50", + "inline-flex h-12 animate-shimmer items-center justify-center rounded-md border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] px-6 font-medium text-slate-400 transition-colors focus:outline-none hover:bg-none hover:bg-accent", }, size: { default: "h-9 px-4 py-2", diff --git a/client/src/ui/modules/Leaderboard.tsx b/client/src/ui/modules/Leaderboard.tsx index 30b05cc..0ba7336 100644 --- a/client/src/ui/modules/Leaderboard.tsx +++ b/client/src/ui/modules/Leaderboard.tsx @@ -102,7 +102,7 @@ export const Leaderboard: React.FC = ({ }; export const LeaderboardContent: React.FC = () => { - const [activeTab, setActiveTab] = useState(ModeType.Daily); + const [activeTab, setActiveTab] = useState(ModeType.Free); const isMdorLarger = useMediaQuery({ query: "(min-width: 768px)" }); const {