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";