Commit2ac1fc2

committed

add button to download svg

1 parent687cf8f commit2ac1fc2Copy full SHA for 2ac1fc2

File tree

+23

-0

lines changed

+23

-0

lines changed

Lines changed: 3 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -5,9 +5,11 @@ import { appStore } from "../../store";`
`5`	`5`	`importModalfrom"../common/modal";`
`6`	`6`	`importHighlightfrom"../common/highlight";`
`7`	`7`	`importCopyfrom"../common/ copy";`
	`8`	`+importDownloadfrom"../common/download";`
`8`	`9`
`9`	`10`	`constSVGCopy=view(({ onClose})=>{`
`10`	`11`	`const[isModalOpen,openModal]=useState(false);`
	`12`	+constID=`${appStore.edges}-${appStore.growth}-${appStore.id}`;
`11`	`13`	constcode=`
`12`	`14`	`<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">`
`13`	`15`	`<path d="${appStore.path}"></path>`
`@@ -26,6 +28,7 @@ const SVGCopy = view(({ onClose }) => {`
`26`	`28`	`</Button>`
`27`	`29`	`<ModalisOpen={isModalOpen}onClose={()=>openModal(false)}>`
`28`	`30`	`<divclassName="flex justify-end">`
	`31`	+<Downloadcontent={code}filename={`blob_${ID}.svg`}/>
`29`	`32`	`<Copytext={code}/>`
`30`	`33`	`</div>`
`31`	`34`	`<Highlightcode={code}lang={"markup"}/>`

Lines changed: 20 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,20 @@`
	`1`	`+importReactfrom"react";`
	`2`	`+`
	`3`	`+exportdefaultfunctionDownload({ content, filename}){`
	`4`	`+constdownloadFile=()=>{`
	`5`	`+consturl=window.URL.createObjectURL(newBlob([content]));`
	`6`	`+constlink=document.createElement("a");`
	`7`	`+link.href=url;`
	`8`	`+link.setAttribute("download",filename);`
	`9`	`+document.body.appendChild(link);`
	`10`	`+link.click();`
	`11`	`+};`
	`12`	`+return(`
	`13`	`+<div`
	`14`	`+className="font-medium leading-none cursor-pointer text-gray-500 hover:bg-gray-300 hover:text-gray-600 p-2 rounded-md flex items-center"`
	`15`	`+onClick={()=>downloadFile()}`
	`16`	`+>`
	`17`	`+<iclassName="ri-download-line text-lg mr-1"></i><span>Download</span>`
	`18`	`+</div>`
	`19`	`+);`
	`20`	`+}`

Comments

(0)