From 73ae5a87a7ec2b190e94b3f6cde7b07ccf880ed6 Mon Sep 17 00:00:00 2001 From: 1ilit Date: Tue, 19 Sep 2023 15:47:16 +0300 Subject: [PATCH] shitty toolbar --- src/components/control_panel.jsx | 153 ++++++++++++++++++++++++++++--- 1 file changed, 142 insertions(+), 11 deletions(-) diff --git a/src/components/control_panel.jsx b/src/components/control_panel.jsx index 8d1140f..e6160e1 100644 --- a/src/components/control_panel.jsx +++ b/src/components/control_panel.jsx @@ -1,35 +1,75 @@ -import React from "react"; +import { React, useState } from "react"; import menu from "./menu"; -import { IconCaretUp, IconRight } from "@arco-design/web-react/icon"; +import { + IconCaretUp, + IconCaretDown, + IconRight, +} from "@arco-design/web-react/icon"; import "@arco-design/web-react/dist/css/arco.css"; export default function ControlPanel() { + let cursor = 0; + const iota = (restart = false) => { + const temp = cursor; + cursor++; + return temp; + }; + + const Tool = { + TOOLBAR: iota(), + ZOOM: iota(), + UNDO: iota(), + REDO: iota(), + ADD: iota(), + COUNT: iota(), + }; + + const [showToolBar, setShowToolBar] = useState(true); + const [openZoom, setOpenZoom] = useState(false); + const [openAdd, setOpenAdd] = useState(false); + + const invert = (e, tool) => { + switch (tool) { + case Tool.TOOLBAR: + setShowToolBar((prev) => !prev); + break; + case Tool.ZOOM: + setOpenZoom((prev) => !prev); + break; + case Tool.ADD: + setOpenAdd((prev) => !prev); + break; + default: + break; + } + }; + return ( ); }