add eraserMode

Author: apsinghdev

client/src/atoms.js

@@ -0,0 +1,6 @@
+import { atom} from "recoil";
+
+export const eraserState = atom({
+    key: "eraser",
+    default: false
+});

client/src/components/Eraser.jsx

@@ -1,9 +1,11 @@
 import eraserImg from "../assets/eraser.png";
+import { useState } from "react";
 
 function Eraser(){
+const [ eraserMode, setEraserMode ] = useState(false);
 
   function clickHandler(){
-
+    setEraserMode(!eraserMode);
   }
 
     return (

client/src/main.jsx

@@ -2,9 +2,12 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.jsx'
 import './index.css'
+import { RecoilRoot } from "recoil"
 
-ReactDOM.createRoot(document.getElementById('root')).render(
+ReactDOM.createRoot(document.getElementById("root")).render(
   <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-)
+    <RecoilRoot>
+      <App />
+    </RecoilRoot>
+  </React.StrictMode>
+);