template svg삭제

public/drawTemplates/153302.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="600" height="300" viewBox="0 0 1280 875"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.15, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,875.000000) scale(0.100000,-0.100000)" fill="purple" stroke="#000000" stroke-width="10">
-
-<path d="M3403 7423 c-257 -762 -623 -1817 -636 -1829 -11 -11 -1264 -358
--1817 -504 -405 -106 -540 -144 -539 -150 0 -3 30 -28 67 -55 117 -88 1826
--1407 1841 -1421 12 -11 11 -104 -8 -646 -24 -697 -58 -1634 -64 -1770 -3 -49
--3 -88 -1 -88 5 0 949 674 1528 1092 l479 346 61 -23 c34 -13 279 -104 546
--203 267 -100 754 -282 1083 -405 328 -123 597 -219 597 -215 0 5 -54 189
--119 411 -66 221 -192 652 -280 957 -88 305 -187 643 -219 751 l-58 195 304
-385 c168 211 503 636 745 944 242 308 447 568 455 578 8 9 12 20 8 24 -4 4
--220 11 -479 15 -413 6 -1036 22 -1745 44 l-213 7 -427 636 c-235 350 -541
-808 -682 1018 -140 210 -258 383 -261 383 -3 0 -78 -215 -166 -477z"/>
-
-</g>
-</svg>

public/drawTemplates/shape21.svg

@@ -1,4 +0,0 @@
-<svg height="280" width="600" xmlns="http://www.w3.org/2000/svg">
-<polygon points="120,15 42,202 400,202 400,99 150,99 " style="fill:lime;stroke:purple;stroke-width:3" />
-</svg>
-

src/components/common/context-menu/QPolygonContextMenu.jsx

@@ -7,6 +7,13 @@ export default function QPolygonContextMenu(props) {
 
   //   const children = useRecoilValue(modalContent)
   const [contextMenu, setContextMenu] = useState({ visible: false, x: 0, y: 0 })
+  const optionName = canvasProps.getActiveObject().initOptions.name
+
+  let contextType = ''
+
+  if (optionName.indexOf('guide') > -1) {
+    contextType = 'surface'
+  }
 
   useEffect(() => {
     if (!contextRef.current) return
@@ -63,6 +70,16 @@ export default function QPolygonContextMenu(props) {
             <li style={{ padding: '8px 12px', cursor: 'pointer' }} onClick={() => handleMenuClick(3)}>
               Option 3
             </li>
+            {contextType === 'surface' ? (
+              <>
+                <li style={{ padding: '8px 12px', cursor: 'pointer' }} onClick={() => handleMenuClick(4)}>
+                  모듈,회로구성
+                </li>
+                <li style={{ padding: '8px 12px', cursor: 'pointer' }} onClick={() => handleMenuClick(4)}>
+                  모듈 채우기
+                </li>
+              </>
+            ) : null}
           </ul>
         </div>
       )}

src/components/ui/SurfaceShape.jsx

@@ -601,7 +601,7 @@ export const SurfaceShapeModal = ({ canvas }) => {
           fill: 'transparent',
           stroke: 'black',
           strokeWidth: 2,
-          selectable: false,
+          selectable: true,
           fontSize: fontSize,
           name: 'guideTriangle',
         })
@@ -610,7 +610,7 @@ export const SurfaceShapeModal = ({ canvas }) => {
           fill: 'transparent',
           stroke: 'black',
           strokeWidth: 2,
-          selectable: false,
+          selectable: true,
           fontSize: fontSize,
           name: 'guideTriangle',
           flipX: true,