base mask

src/pages/editor/components/sidebar/instructions/RectangleInstruction.tsx

@@ -15,7 +15,7 @@ const shapeOptions: Array<{ id: ShapeType; label: string; icon: string; alt: str
 ];
 
 const RectangleInstruction: FC = () => {
-    const { activeShape, setActiveShape } = useShapeStore();
+    const { activeShape, setActiveShape, useAsMask, setUseAsMask } = useShapeStore();
 
     return (
         <div>
@@ -44,7 +44,7 @@ const RectangleInstruction: FC = () => {
 
             <div className="mt-9 flex items-center justify-between">
                 <div className="text-[13px]">استفاده برای ماسک</div>
-                <Switch />
+                <Switch checked={useAsMask} onCheckedChange={setUseAsMask} />
             </div>
         </div>
     );