diff --git a/public/manifest.json b/public/manifest.json index 080d6c7..1f2f141 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -6,16 +6,6 @@ "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" } ], "start_url": ".", diff --git a/src/assets/mouse-icon.svg b/src/assets/mouse-icon.svg new file mode 100644 index 0000000..5a1d46b --- /dev/null +++ b/src/assets/mouse-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/TicTacToe/components/BoardSquare.tsx b/src/components/TicTacToe/components/BoardSquare.tsx index 8557cc9..eaf662c 100644 --- a/src/components/TicTacToe/components/BoardSquare.tsx +++ b/src/components/TicTacToe/components/BoardSquare.tsx @@ -1,5 +1,7 @@ -import { Box } from "@chakra-ui/react"; -import React from "react"; +import { Box, Img } from "@chakra-ui/react"; +import React, { useState } from "react"; +import mouseIcon from "../../../assets/mouse-icon.svg"; +import cheddarIcon from "../../../assets/cheddar-icon.svg"; type Props = { column: number; @@ -14,11 +16,13 @@ type Props = { }; export function BoardSquare({ column, row, squareSize }: Props) { + const [showIcon, setShowIcon] = useState(false); const border = "5px solid"; const borderColor = "purpleCheddar"; const handleClick = (e: React.MouseEvent) => { console.log(e.currentTarget.id); + setShowIcon((prevState) => !prevState); }; return ( + > + {showIcon && ( + + )} + ); } diff --git a/src/components/TicTacToe/containers/TicTacToe.tsx b/src/components/TicTacToe/containers/TicTacToe.tsx index 1ea568b..6cf6aeb 100644 --- a/src/components/TicTacToe/containers/TicTacToe.tsx +++ b/src/components/TicTacToe/containers/TicTacToe.tsx @@ -1,6 +1,4 @@ -import { Button, Grid } from "@chakra-ui/react"; -import { useContext } from "react"; -import { useWalletSelector } from "../../../contexts/WalletSelectorContext"; +import { Grid } from "@chakra-ui/react"; import useScreenSize from "../../../hooks/useScreenSize"; import Board from "../components/Board"; import Info from "../components/Info";