diff --git a/examples/buddybook/src/components/Chain/Create/CreationPreview.tsx b/examples/buddybook/src/components/Chain/Create/CreationPreview.tsx index 54c5537..59a97a5 100644 --- a/examples/buddybook/src/components/Chain/Create/CreationPreview.tsx +++ b/examples/buddybook/src/components/Chain/Create/CreationPreview.tsx @@ -34,6 +34,7 @@ const ChainCreationForm: React.FC = () => { const [isSuccess, setIsSuccess] = useState(false); const [sendError, setSendError] = useState(null); const [signedMessage, setSignedMessage] = useState(null); + const [createdBlockUUID, setCreatedBlockUUID] = useState(null); const { node } = useWaku(); @@ -44,9 +45,12 @@ const ChainCreationForm: React.FC = () => { if (!address || !node) return; setSignedMessage(signature); + const blockUUID = uuidv4(); + setCreatedBlockUUID(blockUUID); + const message = createMessage({ chainUUID: formData.uuid, - blockUUID: uuidv4(), + blockUUID: blockUUID, title: formData.title, description: formData.description, signedMessage: signature, @@ -122,6 +126,7 @@ const ChainCreationForm: React.FC = () => { setIsSuccess(false); setIsSigning(false); setSendError(null); + setCreatedBlockUUID(null); }; return ( @@ -187,21 +192,27 @@ const ChainCreationForm: React.FC = () => { ) : ( <> - {signedMessage && ( - + {signedMessage && createdBlockUUID && ( + <> +
+ +

+ {`${window.location.origin}/sign/${formData.uuid}/${createdBlockUUID}`} +

+ +
+ )} - + )}