From 7c95548389fceee02bdda418a90681c40e511f28 Mon Sep 17 00:00:00 2001
From: nabarun <nabarun@noreply.git.vdb.to>
Date: Thu, 6 Feb 2025 14:04:19 +0000
Subject: [PATCH] Show escrow public key when tweet is submitted for
 verification (#14)

Part of https://www.notion.so/Option-to-post-paid-for-memes-to-twitter-x-18ca6b22d4728051804ef4f55065d5ba

Co-authored-by: Shreerang Kale <shreerangkale@gmail.com>
Reviewed-on: https://git.vdb.to/deep-stack/sol-mem-gen/pulls/14
---
 src/components/TweetUrlForm.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/TweetUrlForm.tsx b/src/components/TweetUrlForm.tsx
index 50c6623..3eebea6 100644
--- a/src/components/TweetUrlForm.tsx
+++ b/src/components/TweetUrlForm.tsx
@@ -8,6 +8,7 @@ const TweetUrlForm: React.FC<{secret: string}> = ({secret}) => {
   const [isSubmitted, setIsSubmitted] = useState(false);
   const [loading, setLoading] = useState(false);
   const [submitError, setSubmitError] = useState<string | null>(null);
+  const [escrow, setEscrow] = useState('');
 
   const handleSubmit = async (): Promise<void> => {
     try {
@@ -27,6 +28,10 @@ const TweetUrlForm: React.FC<{secret: string}> = ({secret}) => {
         throw new Error(`Failed to submit tweet: ${response.statusText}`);
       }
 
+      if (parsedResponse.data && parsedResponse.data.escrow) {
+        setEscrow(parsedResponse.data.escrow);
+      }
+
     } catch (error) {
       setSubmitError(error.message);
       console.error('Failed to submit tweet:', error);
@@ -43,6 +48,7 @@ const TweetUrlForm: React.FC<{secret: string}> = ({secret}) => {
 
         <div className="space-y-4">
           {isSubmitted ? submitError ?  <p className='text-red-500'>Submission failed: {submitError}</p> : <p className='text-green-500'>Tweet submitted!</p> : <></>}
+          {escrow && <p className='text-green-500'>Lock created successfully: {escrow}</p>}
           <textarea
             value={inputText}
             onChange={(e) => setInputText(e.target.value)}