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 { HistoryContext } from "@/context/History";
|
||||
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 = {
|
||||
"New Canvas": PresentationIcon,
|
||||
Pencil: PencilIcon,
|
||||
Eraser: EraserIcon,
|
||||
"Rectangle Select": SquareDashedIcon,
|
||||
Lasso: LassoIcon,
|
||||
"Magic Wand": WandIcon,
|
||||
"Clear All": BombIcon,
|
||||
Delete: Trash2Icon,
|
||||
|
|
@ -6,15 +6,15 @@ import { SettingsContext } from "@/context/Settings";
|
|||
import { Input } from "@/components/ui/input";
|
||||
import { Separator } from "@/components/ui/separator";
|
||||
import { ScrollArea } from "@/components/ui/scroll-area";
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||
|
||||
import History from "./History";
|
||||
import ColorPicker from "./ColorPicker";
|
||||
import Replace from "./Replace";
|
||||
import Radius from "./Radius";
|
||||
import BlockSelector from "./BlockSelector";
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
|
||||
|
||||
function ToolSettings() {
|
||||
function Sidebar() {
|
||||
const { settings } = useContext(SettingsContext);
|
||||
|
||||
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 Toolbar from "@/components/toolbar";
|
||||
import Canvas from "@/components/canvas/Canvas";
|
||||
import ToolSettings from "@/components/tool-settings";
|
||||
import Sidebar from "@/components/sidebar";
|
||||
|
||||
function AppPage() {
|
||||
return (
|
||||
|
|
@ -27,7 +27,7 @@ function AppPage() {
|
|||
<Menubar />
|
||||
<Toolbar />
|
||||
<Canvas />
|
||||
<ToolSettings />
|
||||
<Sidebar />
|
||||
</main>
|
||||
</SelectionProvider>
|
||||
</ToolProvider>
|
||||
|
|
|
|||
Loading…
Reference in a new issue