feat(client): implement 'change dice' functionality #70 #89

sivicstudio · Oct 4, 2024 · 8791798 · 8791798
1 parent 33cc8c0
commit 8791798
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/client/src/components/DiceCard.tsx b/client/src/components/DiceCard.tsx
@@ -1,6 +1,8 @@
-// import "../styles/OptionCard.scss";
 import "../styles/OptionCard.scss";
 
+interface Option {
+  name: string;
+}
 export default function DiceCard({
   img,
   active,
@@ -10,15 +12,15 @@ export default function DiceCard({
   img?: string;
   active?: boolean;
   onSelect?: () => void;
-  option?: any;
+  option?: Option;
 }) {
   return (
     <button
       className={`option-container ${active ? "active" : ""}`}
       onClick={onSelect}
     >
       <div className="option">
-        <div className="name-label">{option.name}</div>
+        <div className="name-label">{option?.name}</div>
         <img src={img} alt="board" />
         <div className="option-label">5/6</div>
       </div>

diff --git a/client/src/context/dice-context.tsx b/client/src/context/dice-context.tsx
@@ -17,5 +17,7 @@ interface DiceContextType {
 
 export const DiceContext = createContext<DiceContextType>({
   dice: "",
-  changeDice: () => {},
+  changeDice: () => {
+    throw new Error("changeDice function must be overridden");
+  },
 });