add eraser component

deveshidwivedi · Jun 27, 2024 · 039c431 · 039c431
1 parent a5e1d6b
commit 039c431
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/modules/room/components/toolbar/Eraser.tsx b/modules/room/components/toolbar/Eraser.tsx
@@ -0,0 +1,20 @@
+import { useOptions, useSetOptions } from "@/common/recoil/options";
+import {FaEraser} from "react-icons/fa";
+
+const Eraser = () => {
+       //may cause error
+  const options = useOptions(); 
+  const setOptions = useSetOptions();
+    return (
+        <button
+        className={`text-xl ${options.erase && "bg-blue-400"}`}
+        onClick={()=> {
+            setOptions((prev)=> ({...prev, erase: !prev.erase}))
+        }}
+        >
+            <FaEraser />
+        </button>
+    );
+};
+
+export default Eraser;