logos-messaging/lab.waku.org
1
0
Fork 0
mirror of https://github.com/logos-messaging/lab.waku.org.git synced 2026-01-06 07:43:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: sharable link on chain creation

Browse Source
This commit is contained in:
Danish Arora 2024-10-29 15:17:38 +05:30
parent 256b74f52d
commit b0f2547732
No known key found for this signature in database
GPG Key ID: 1C6EF37CDAE1426E
1 changed files with 26 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
examples/buddybook/src/components/Chain/Create/CreationPreview.tsx
View File

@ -34,6 +34,7 @@ const ChainCreationForm: React.FC = () => {
const [isSuccess, setIsSuccess] = useState<boolean>(false);
const [sendError, setSendError] = useState<string | null>(null);
const [signedMessage, setSignedMessage] = useState<string | null>(null);
const [createdBlockUUID, setCreatedBlockUUID] = useState<string | null>(null);
const { node } = useWaku<LightNode>();
@ -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,19 +192,25 @@ const ChainCreationForm: React.FC = () => {
</>
) : (
<>
{signedMessage && (
{signedMessage && createdBlockUUID && (
<>
<div className="flex flex-col items-center space-y-4">
<QRCode
text={JSON.stringify({
chainUUID: formData.uuid,
blockUUID: uuidv4(),
title: formData.title,
description: formData.description,
signedMessage: signedMessage,
timestamp: Date.now(),
signatures: [{address: address!, signature: signedMessage}],
parentBlockUUID: null
})}
text={`${window.location.origin}/sign/${formData.uuid}/${createdBlockUUID}`}
width={200}
height={200}
/>
<p className="text-sm text-center break-all">
{`${window.location.origin}/sign/${formData.uuid}/${createdBlockUUID}`}
</p>
<Button
onClick={() => navigator.clipboard.writeText(`${window.location.origin}/sign/${formData.uuid}/${createdBlockUUID}`)}
variant="outline"
>
Copy Link
</Button>
</div>
</>
)}
</>
)}