Share improvement

wrenhawth · Jul 15, 2024 · 3e15e4d · 3e15e4d
1 parent b827284
commit 3e15e4d
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/ShareStep.tsx b/src/components/ShareStep.tsx
@@ -3,7 +3,7 @@ import SlIcon from "@shoelace-style/shoelace/dist/react/icon/index.js"
 
 
 import { WorkflowDispatchContext } from "./WorkflowContext";
-import { useContext } from "react";
+import { useContext, useState } from "react";
 import { WorkflowStep } from "../utils/workflow";
 import { PlayButton } from "./PlayButton";
 
@@ -14,6 +14,7 @@ type ShareStepProps = {
 
 export const ShareStep = (props: ShareStepProps) => {
     const { title, shareUrl } = props
+    const [shared, setShared] = useState(false)
     const dispatch = useContext(WorkflowDispatchContext)
 
     return (
@@ -62,8 +63,11 @@ export const ShareStep = (props: ShareStepProps) => {
                         } else {
                             navigator.clipboard.writeText(shareUrl)
                         }
+                        navigator.clipboard.writeText(shareUrl)
+                        setShared(true)
                     }}>
-                    <SlIcon name="send" slot="prefix"></SlIcon>Share
+                    <SlIcon name="send" slot="prefix"></SlIcon>
+                    {shared ? "Copied to Clipboard" : "Share"}
                 </SlButton>
             </div>
         </div>