Remove color picker on tool bar

low-earth-orbit · Oct 21, 2024 · 653a561 · 653a561
1 parent 4bc79c3
commit 653a561
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 49 deletions.
diff --git a/components/Canvas.tsx b/components/Canvas.tsx
@@ -382,7 +382,7 @@ export default function Canvas() {
           id: uuid(),
           type: selectedTool === "eraser" ? "eraserStroke" : "ink",
           points: [pos.x, pos.y],
-          stroke: selectedTool === "eraser" ? undefined : inkColor,
+          stroke: selectedTool === "eraser" ? inkColor : inkColor,
           strokeWidth: selectedTool === "eraser" ? eraserSize : inkWidth,
         };
         setNewObject(newLine);

diff --git a/components/toolbar/Toolbar.tsx b/components/toolbar/Toolbar.tsx
@@ -59,22 +59,6 @@ function Toolbar({ objects, onDelete, isDarkMode }: ToolbarProps) {
 
   const toolbarBgColor = isDarkMode ? "bg-gray-500" : "bg-white";
 
-  // color picker
-  const [colorPickerAnchorEl, setColorPickerAnchorEl] =
-    useState<HTMLButtonElement | null>(null);
-
-  const isColorPickerAnchorElOpen = Boolean(colorPickerAnchorEl);
-
-  const handleClickColorPickerButton = (
-    event: React.MouseEvent<HTMLButtonElement>,
-  ) => {
-    setColorPickerAnchorEl(event.currentTarget);
-  };
-
-  const handleCloseColorPicker = () => {
-    setColorPickerAnchorEl(null);
-  };
-
   // shapes popover
   const [shapesAnchorEl, setShapesAnchorEl] =
     useState<HTMLButtonElement | null>(null);
@@ -176,16 +160,6 @@ function Toolbar({ objects, onDelete, isDarkMode }: ToolbarProps) {
           </IconButton>
         </Tooltip>
 
-        {/* color picker */}
-        <Tooltip title="Color">
-          <IconButton
-            aria-label="open color palette"
-            onClick={handleClickColorPickerButton}
-          >
-            <Palette />
-          </IconButton>
-        </Tooltip>
-
         {/* eraser */}
         <Tooltip title="Eraser">
           <IconButton
@@ -240,28 +214,6 @@ function Toolbar({ objects, onDelete, isDarkMode }: ToolbarProps) {
         </Tooltip>
       </ButtonGroup>
 
-      {/* colorPickerPopover */}
-      {/* <Popover
-        id="colorPickerPopover"
-        open={isColorPickerAnchorElOpen}
-        anchorEl={colorPickerAnchorEl}
-        onClose={handleCloseColorPicker}
-        anchorOrigin={{
-          vertical: "top",
-          horizontal: "center",
-        }}
-        transformOrigin={{
-          vertical: "bottom",
-          horizontal: "center",
-        }}
-      >
-        <HexColorPicker
-          className="p-2"
-          color={color}
-          onChange={onSelectColor}
-        />
-      </Popover> */}
-
       {/* lineWeightPopover */}
       {/* <Popover
         id="lineWeightPopover"