refactor: rename tool-settings to sidebar
This commit is contained in:
parent
a5ddc3f781
commit
554322f5af
7 changed files with 7 additions and 6 deletions
|
|
@ -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,
|
||||||
|
|
@ -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;
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue