Merge pull request #16 from brucexu-eth/main

UI/UX improvements for fixing issue #15

packages/app/src/pages/MainPage.tsx

@@ -211,7 +211,7 @@ export const MainPage: React.FC<{}> = (props) => {
           >
             password reset email
           </a>{" "}
-          from Twitter.
+          from Twitter. (Reminder: Twitter name with emoji might fail to pass DKIM verification)
         </NumberedStep>
         <NumberedStep step={2}>
           In your inbox, find the email from Twitter and click the three dot
@@ -229,7 +229,7 @@ export const MainPage: React.FC<{}> = (props) => {
           can "steal" your proof for another account (frontrunning protection!).
         </NumberedStep>
         <NumberedStep step={5}>
-          Click <b>"Generate Proof"</b>. Note it is completely client side and
+          Click <b>"Prove"</b>. Note it is completely client side and
           <a href="https://github.com/zkemail/proof-of-twitter/" target="_blank" rel="noreferrer">open source</a>, 
           and no server ever sees your private information.
         </NumberedStep>
@@ -454,7 +454,7 @@ export const MainPage: React.FC<{}> = (props) => {
             Verify
           </Button>
           <Button
-            disabled={!verificationPassed || isLoading || isSuccess}
+            disabled={!verificationPassed || isLoading || isSuccess || !write}
             onClick={async () => {
               setStatus("sending-on-chain");
               write?.();
@@ -464,6 +464,8 @@ export const MainPage: React.FC<{}> = (props) => {
               ? "Successfully sent to chain!"
               : isLoading
               ? "Confirm in wallet"
+              : !write
+              ? "Connect Wallet first, scroll to top!"
               : verificationPassed
               ? "Mint Twitter badge on-chain"
               : "Verify first, before minting on-chain!"}

yarn.lock

@@ -6954,7 +6954,7 @@ __metadata:
 "ds-test@https://github.com/dapphub/ds-test":
   version: 1.0.0
   resolution: "ds-test@https://github.com/dapphub/ds-test.git#commit=e282159d5170298eb2455a6c05280ab5a73a4ef0"
-  checksum: 8f36e20dde868d062841c790fc43c9dd18b93d6180995f378bedaee1f24444950838843c0f2ffa5ac3b8a21b4c29fd97a60725e29e8ff71c9cf28f837614d96f
+  checksum: 18600dd50b625b12afab486006c09149d84d78220f2b6afe4a0997d13454ff231174a9143726203b4197d4b75f6e28846839265607249fa704b2eecc7eb5f879
   languageName: node
   linkType: hard
 
@@ -7909,7 +7909,7 @@ __metadata:
 "forge-std@https://github.com/foundry-rs/forge-std":
   version: 1.7.3
   resolution: "forge-std@https://github.com/foundry-rs/forge-std.git#commit=2f112697506eab12d433a65fdc31a639548fe365"
-  checksum: 90e0485daacfc11f8142e4942ac8ab5da1f9cd899d7495d0b48858edbb06649ceeeae6093a739f32de56264e0bfad925a12c4a52b49673d356ab00336f96deaa
+  checksum: 829647755f95e4f9829149e8115a2595cb11d1d77b891b6ef4d971bac9fff3b8a879334e827c409c741c6b3aff0f1e6a6528a463599b19873ce0504a91eb0967
   languageName: node
   linkType: hard