Fix lint Errors and Client CI passing

client/src/App.tsx

@@ -52,7 +52,7 @@ const App = () => {
     setBoard(newBoard);
   };
 
-  const setGameData = useCallback((game: any) => {
+  const setGameData = useCallback((game: object) => {
     setGameState(game);
   }, []);
 

client/src/components/Control.tsx

@@ -66,6 +66,7 @@ const Control = ({
 }: {
   toggleActiveWindow: (window: string) => void;
 }) => {
+  /* eslint-disable @typescript-eslint/no-unused-vars */
   const [windows, setWindows] = useState(
     WINDOW_CONFIGS.map((config) => ({ ...config, show: false, zIndex: 0 }))
   );

client/src/components/ControlWindows/ControlWindowLayout.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import Draggable from "react-draggable";
 import { FiXSquare } from "react-icons/fi";
 import "../../styles/ControlWindowLayout.scss";
 

client/src/components/ControlWindows/GameAccount.tsx

@@ -1,20 +1,18 @@
-import React, { useEffect, useState } from "react";
 import {
   useAccount,
   useConnect,
   useDisconnect,
   useNetwork,
   useStarkProfile,
 } from "@starknet-react/core";
-import { useMemo } from "react";
+import { useEffect, useMemo, useState } from "react";
+import { FaArrowAltCircleRight } from "react-icons/fa";
+import { useDojo } from "../../dojo/useDojo";
 import "../../styles/GameAccount.scss";
 import {
   convertHexToText,
-  createGameProfile,
-  getGameProfilesFromAddress,
+  getGameProfilesFromAddress
 } from "../../utils/helpers";
-import { FaArrowAltCircleRight } from "react-icons/fa";
-import { useDojo } from "../../dojo/useDojo";
 
 const ConnectWallet = () => {
   const { connectors, connect } = useConnect();
@@ -39,6 +37,7 @@ const ConnectWallet = () => {
   );
 };
 
+/* eslint-disable @typescript-eslint/no-unused-vars */
 const ProfilePage = () => {
   return <div style={{ color: "white" }}>Profile page</div>;
 };
@@ -89,15 +88,15 @@ const GameAccount = () => {
       getGameProfilesFromAddress(address, setGameProfiles);
     }
 
-    return () => {};
+    return () => undefined;
   }, [address]);
 
   const enum pagesName {
     MAIN_PAGE = "MAIN_PAGE",
     PROFILE_PAGE = "PROFILE_PAGE",
   }
 
-  let mainPage = {
+  const mainPage = {
     name: pagesName.MAIN_PAGE,
     content: (
       <div>
@@ -216,16 +215,16 @@ const GameAccount = () => {
     ),
   };
 
-  let profilePage = {
+  const profilePage = {
     name: pagesName.PROFILE_PAGE,
     content: <div>Profile</div>,
   };
 
-  let pages = [mainPage, profilePage];
+  const pages = [mainPage, profilePage];
 
   const resolvePageToReturn = () => {
     // Get last page name
-    let lastPage =
+    const lastPage =
       pagesStack[pagesStack.length - 1 > 0 ? pagesStack.length - 1 : 0];
 
     let pageToReturn;

client/src/components/Dice.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useContext,useRef } from "react";
+import React, { useState, useContext, useRef } from "react";
 import { useGame } from "../hooks/game-hook";
 import { Row, Col } from "react-simple-flex-grid";
 import "../styles/Dice.scss";
@@ -53,13 +53,12 @@ const Dice = () => {
 
   // The is the argument for the rollDie function
   const randomRollAmount = () => {
-    let rollAmount = Math.floor(Math.random() * 30 + 15);
-    return rollAmount;
+    return Math.floor(Math.random() * 30 + 15);
   };
 
   // The end result is simply a random number picked between 1 and 6
   const randomRollResult = async () => {
-    let rollResult: number = 6;
+    let rollResult = 6;
 
     rollResult = Math.floor(Math.random() * 6 + 1);
 
@@ -77,7 +76,7 @@ const Dice = () => {
       if (counter >= numberOfRolls) {
         clearInterval(rolling);
         // The result on die
-        let x = await randomRollResult();
+        const x = await randomRollResult();
         makeDots(x);
         stopDiceSound();
         moveValidator(x); // Validate move after rolling

client/src/components/OptionCard.tsx

@@ -8,7 +8,7 @@ export default function OptionCard({
 }: {
   active?: boolean;
   onSelect?: () => void;
-  option?: any;
+  option?: { name: string };
 }) {
   return (
     <button
@@ -17,7 +17,7 @@ export default function OptionCard({
     >
       <div className="option">
         <img src={boardImg} alt="board" />
-        <div className="option-label">{option.name}</div>
+        <div className="option-label">{option?.name}</div>
       </div>
     </button>
   );

client/src/components/RestartGame.tsx

@@ -11,16 +11,16 @@ const RestartGame: React.FC = () => {
   const [restart, setRestart] = useState(false);
 
   function handleRestartGame() {
-	setRestart(true);
+    setRestart(true);
   }
 
   function handleConfirm() {
-	restartGame();
-	setRestart(false);
+    restartGame();
+    setRestart(false);
   }
 
   function handleCancle() {
-	setRestart(false);
+    setRestart(false);
   }
 
   return (
@@ -32,7 +32,13 @@ const RestartGame: React.FC = () => {
           </div>
         </div>
       )}
-	  {restart && <RestartModal message="Are you sure you want to restart the gane?" onConfirm={handleConfirm} onCancel={handleCancle} />}
+      {restart && (
+        <RestartModal
+          message="Are you sure you want to restart the gane?"
+          onConfirm={handleConfirm}
+          onCancel={handleCancle}
+        />
+      )}
     </React.Fragment>
   );
 };

client/src/context/board-context.tsx

@@ -9,5 +9,5 @@ interface BoardContextType {
 
 export const BoardContext = createContext<BoardContextType>({
   board: "",
-  toggleBoard: () => {},
+  toggleBoard: () => undefined,
 });

client/src/context/game-context.tsx

@@ -2,13 +2,15 @@ import { createContext } from "react";
 import { OptionsProps } from "../types";
 
 export const GameContext = createContext<{
+  /* eslint-disable  @typescript-eslint/no-explicit-any */
   gameState: { [key: string]: string | any };
   setGameData: (game: { [key: string]: string }) => void;
   options: OptionsProps;
-  setGameOptions: (newOption: {}) => void;
+  setGameOptions: (newOption: object) => void;
 }>({
   gameState: {},
-  setGameData: (game) => {},
+  /* eslint-disable @typescript-eslint/no-unused-vars */
+  setGameData: (game) => undefined,
   options: {
     gameIsOngoing: false,
     playersLength: 0,
@@ -18,5 +20,5 @@ export const GameContext = createContext<{
     winners: [],
     gameCondition: [],
   },
-  setGameOptions: (newOption) => {},
+  setGameOptions: (newOption) => undefined,
 });

client/src/dojo/createSystemCalls.ts

@@ -1,5 +1,5 @@
 import { getEvents } from "@dojoengine/utils";
-import { Account, AccountInterface } from "starknet";
+import { AccountInterface } from "starknet";
 import { ClientComponents } from "./createClientComponents";
 
 import type { IWorld } from "./typescript/contracts.gen";
@@ -8,8 +8,10 @@ export type SystemCalls = ReturnType<typeof createSystemCalls>;
 
 export function createSystemCalls(
   { client }: { client: IWorld },
+  /* eslint-disable @typescript-eslint/no-unused-vars */
   contractComponents: ClientComponents
 ) {
+  /* eslint-disable  @typescript-eslint/no-explicit-any */
   const createUsername = async (account: AccountInterface, username: any) => {
     try {
       const { transaction_hash } = await client.PlayerActions.create({

client/src/dojo/setup.ts

@@ -32,6 +32,7 @@ export async function setup({ ...config }: DojoConfig) {
 
   const eventSync = getSyncEvents(
     toriiClient,
+    /* eslint-disable  @typescript-eslint/no-explicit-any */
     contractComponents as any,
     undefined,
     []

client/src/dojo/typescript/contracts.gen.ts

@@ -1,8 +1,8 @@
 // Generated by dojo-bindgen on Mon, 30 Sep 2024 04:07:50 +0000. Do not modify this file manually.
 // Import the necessary types from the recs SDK
 // generate again with `sozo build --typescript`
-import { Account, AccountInterface, byteArray } from "starknet";
 import { DojoProvider } from "@dojoengine/core";
+import { Account, AccountInterface } from "starknet";
 import * as models from "./models.gen";
 
 export type IWorld = Awaited<ReturnType<typeof setupWorld>>;

client/src/dojo/typescript/models.gen.ts

@@ -42,9 +42,9 @@ export const LayoutDefinition = {
 
 // Type definition for `core::byte_array::ByteArray` struct
 export interface ByteArray {
-  data: String[];
-  pending_word: BigInt;
-  pending_word_len: Number;
+  data: string[];
+  pending_word: bigint;
+  pending_word_len: number;
 }
 export const ByteArrayDefinition = {
   data: RecsType.StringArray,
@@ -54,7 +54,7 @@ export const ByteArrayDefinition = {
 
 // Type definition for `dojo::model::layout::FieldLayout` struct
 export interface FieldLayout {
-  selector: BigInt;
+  selector: bigint;
   layout: Layout;
 }
 export const FieldLayoutDefinition = {
@@ -69,40 +69,40 @@ export const U256Definition = {
 
 // Type definition for `starkludo::models::game::Game` struct
 export interface Game {
-  id: Number;
-  created_by: BigInt;
+  id: number;
+  created_by: bigint;
   game_status: GameStatus;
   game_mode: GameMode;
-  player_green: BigInt;
-  player_yellow: BigInt;
-  player_blue: BigInt;
-  player_red: BigInt;
-  winner_1: BigInt;
-  winner_2: BigInt;
-  winner_3: BigInt;
-  next_player: BigInt;
-  number_of_players: Number;
+  player_green: bigint;
+  player_yellow: bigint;
+  player_blue: bigint;
+  player_red: bigint;
+  winner_1: bigint;
+  winner_2: bigint;
+  winner_3: bigint;
+  next_player: bigint;
+  number_of_players: number;
   rolls_count: U256;
   rolls_times: U256;
-  dice_face: Number;
-  player_chance: BigInt;
-  has_thrown_dice: Boolean;
-  b0: BigInt;
-  b1: BigInt;
-  b2: BigInt;
-  b3: BigInt;
-  g0: BigInt;
-  g1: BigInt;
-  g2: BigInt;
-  g3: BigInt;
-  r0: BigInt;
-  r1: BigInt;
-  r2: BigInt;
-  r3: BigInt;
-  y0: BigInt;
-  y1: BigInt;
-  y2: BigInt;
-  y3: BigInt;
+  dice_face: number;
+  player_chance: bigint;
+  has_thrown_dice: boolean;
+  b0: bigint;
+  b1: bigint;
+  b2: bigint;
+  b3: bigint;
+  g0: bigint;
+  g1: bigint;
+  g2: bigint;
+  g3: bigint;
+  r0: bigint;
+  r1: bigint;
+  r2: bigint;
+  r3: bigint;
+  y0: bigint;
+  y1: bigint;
+  y2: bigint;
+  y3: bigint;
 }
 export const GameDefinition = {
   id: RecsType.Number,
@@ -143,14 +143,14 @@ export const GameDefinition = {
 
 // Type definition for `core::integer::u256` struct
 export interface U256 {
-  low: BigInt;
-  high: BigInt;
+  low: bigint;
+  high: bigint;
 }
 
 // Type definition for `starkludo::models::player::Player` struct
 export interface Player {
-  username: BigInt;
-  owner: BigInt;
+  username: bigint;
+  owner: bigint;
   total_games_played: U256;
   total_games_won: U256;
 }