refactor: rename tool-settings to sidebar

This commit is contained in:
trafficlunar 2025-02-08 14:24:31 +00:00
parent a5ddc3f781
commit 554322f5af
7 changed files with 7 additions and 6 deletions

View file

@ -1,13 +1,14 @@
import { useContext, useEffect, useRef } from "react"; import { useContext, useEffect, useRef } from "react";
import { HistoryContext } from "@/context/History"; import { HistoryContext } from "@/context/History";
import { ScrollArea } from "@/components/ui/scroll-area"; import { ScrollArea } from "@/components/ui/scroll-area";
import { BombIcon, EraserIcon, PencilIcon, PresentationIcon, SquareDashedIcon, Trash2Icon, WandIcon } from "lucide-react"; import { BombIcon, EraserIcon, LassoIcon, PencilIcon, PresentationIcon, SquareDashedIcon, Trash2Icon, WandIcon } from "lucide-react";
const iconMap = { const iconMap = {
"New Canvas": PresentationIcon, "New Canvas": PresentationIcon,
Pencil: PencilIcon, Pencil: PencilIcon,
Eraser: EraserIcon, Eraser: EraserIcon,
"Rectangle Select": SquareDashedIcon, "Rectangle Select": SquareDashedIcon,
Lasso: LassoIcon,
"Magic Wand": WandIcon, "Magic Wand": WandIcon,
"Clear All": BombIcon, "Clear All": BombIcon,
Delete: Trash2Icon, Delete: Trash2Icon,

View file

@ -6,15 +6,15 @@ import { SettingsContext } from "@/context/Settings";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { Separator } from "@/components/ui/separator"; import { Separator } from "@/components/ui/separator";
import { ScrollArea } from "@/components/ui/scroll-area"; import { ScrollArea } from "@/components/ui/scroll-area";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import History from "./History"; import History from "./History";
import ColorPicker from "./ColorPicker"; import ColorPicker from "./ColorPicker";
import Replace from "./Replace"; import Replace from "./Replace";
import Radius from "./Radius"; import Radius from "./Radius";
import BlockSelector from "./BlockSelector"; import BlockSelector from "./BlockSelector";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
function ToolSettings() { function Sidebar() {
const { settings } = useContext(SettingsContext); const { settings } = useContext(SettingsContext);
const [width, setWidth] = useState(300); const [width, setWidth] = useState(300);
@ -145,4 +145,4 @@ function ToolSettings() {
); );
} }
export default ToolSettings; export default Sidebar;

View file

@ -10,7 +10,7 @@ import MobileNotice from "@/components/MobileNotice";
import Menubar from "@/components/menubar"; import Menubar from "@/components/menubar";
import Toolbar from "@/components/toolbar"; import Toolbar from "@/components/toolbar";
import Canvas from "@/components/canvas/Canvas"; import Canvas from "@/components/canvas/Canvas";
import ToolSettings from "@/components/tool-settings"; import Sidebar from "@/components/sidebar";
function AppPage() { function AppPage() {
return ( return (
@ -27,7 +27,7 @@ function AppPage() {
<Menubar /> <Menubar />
<Toolbar /> <Toolbar />
<Canvas /> <Canvas />
<ToolSettings /> <Sidebar />
</main> </main>
</SelectionProvider> </SelectionProvider>
</ToolProvider> </ToolProvider>