From 6077d7d28d887c616224281b257b396bd8e75bbd Mon Sep 17 00:00:00 2001
From: Shreerang Kale <shreerangkale@gmail.com>
Date: Thu, 6 Feb 2025 19:27:07 +0530
Subject: [PATCH] Show escrow public key when tweet is submitted for
 verification

---
 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)}
-- 
2.45.2