diff --git a/src/components/Home/Home.tsx b/src/components/Home/Home.tsx index 1f6da61..a6a1b15 100644 --- a/src/components/Home/Home.tsx +++ b/src/components/Home/Home.tsx @@ -3,7 +3,7 @@ // --------------------------------------------------------------------------------------------------------------------- // ------------------------------------------------------ React -------------------------------------------------------- -import { useEffect, useRef } from 'react'; +import { useRef } from 'react'; // --------------------------------------------------------------------------------------------------------------------- // ----------------------------------------------- Context & Stockage -------------------------------------------------- @@ -13,6 +13,8 @@ import { gameStateAtom } from '../../contexts/gameState'; // --------------------------------------------------------------------------------------------------------------------- // ----------------------------------------------------- Styles -------------------------------------------------------- +import Size from '../../assets/size'; +import Difficulty from '../../assets/difficulty'; import './styles.scss'; // --------------------------------------------------------------------------------------------------------------------- @@ -57,7 +59,10 @@ const Home = () => {
-

Taille de la grille

+

+ + Taille de la grille +

.settingLabel { + display: flex; + flex-wrap: nowrap; + align-items: center; + gap: 5px; font-size: 1.2rem; color: #f39440; + + & > svg { + width: 1.2em; + } } & > .select { diff --git a/src/components/Leaderboard/leaderboard.tsx b/src/components/Leaderboard/leaderboard.tsx index e5cee4a..6d5cdd1 100644 --- a/src/components/Leaderboard/leaderboard.tsx +++ b/src/components/Leaderboard/leaderboard.tsx @@ -40,9 +40,6 @@ const LeaderBoard = () => { const [gameState, setGameState] = useRecoilState(gameStateAtom); const [data, setData] = useState([]); - const [, updateLeaderboard] = useState({}); - const forceUpdate = useCallback(() => updateLeaderboard({}), []); - const getData = async () => { const storeData = await store.getItem(`${gameState.difficulty}:${gameState.gridSize}`); @@ -53,7 +50,7 @@ const LeaderBoard = () => { if (data.length === 0) { getData(); } - }, [data.length]); + }, [data.length, getData]); const clearAllLeaderboards = async () => { const keys = await store.keys();