worked on svg

LiveDuo · Nov 8, 2023 · 377ca5f · 377ca5f
1 parent 5f91d22
commit 377ca5f
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/lib/client/vanilla/editor.tsx b/lib/client/vanilla/editor.tsx
@@ -254,6 +254,8 @@ function Editor({ standaloneServer = false }) {
       setOpenLink(true)
     } else if (target.tagName === 'path') {
       setOpenSvg(true)
+    } else if (target.tagName === 'svg') {
+      setOpenSvg(true)
     }
 
     // handle popover clicks

diff --git a/lib/client/vanilla/svg.tsx b/lib/client/vanilla/svg.tsx
@@ -9,20 +9,36 @@ import cx from 'classnames'
 type DialogProps = {
   open: boolean
   setOpen: any
-  selectedElement: SVGTextPathElement
+  selectedElement: SVGTextPathElement | SVGElement
 }
 
 const Dialog: React.FC<DialogProps> = ({ open, setOpen, selectedElement }) => {
   const [path, setPath] = useState('')
 
   useEffect(() => {
-    if (open) setPath(selectedElement?.getAttribute('d') ?? '')
+    if (open) {
+      if (selectedElement.tagName === 'path') {
+        setPath(selectedElement?.getAttribute('d') ?? '')
+      } else if (selectedElement.tagName === 'svg') {
+        const pathElement = selectedElement.querySelector('path')
+        setPath(pathElement?.getAttribute('d') ?? '')
+      } else {
+        setPath('')
+      }
+    } else {
+      setPath('')
+    }
   }, [open])
 
   const onSave = () => {
     setOpen(false)
 
-    selectedElement.setAttribute('d', path)
+    if (selectedElement.tagName === 'path') {
+      selectedElement.setAttribute('d', path)
+    } else if (selectedElement.tagName === 'svg') {
+      const pathElement = selectedElement.querySelector('path')
+      pathElement!.setAttribute('d', path)
+    }
   }
 
   return (