From 19bde50c7ded3618f775989a9e9a4182874a9db6 Mon Sep 17 00:00:00 2001
From: Tom Robiquet <tom-robiquet@hotmail.co.uk>
Date: Thu, 28 Mar 2024 10:07:51 +0000
Subject: [PATCH] Fix typos. Add referenda link. Add validation message

---
 pages/claim.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/pages/claim.tsx b/pages/claim.tsx
index d89462f00..429439397 100644
--- a/pages/claim.tsx
+++ b/pages/claim.tsx
@@ -45,15 +45,18 @@ const ClaimPage: NextPage = () => {
         </div>
         <div className="w-full whitespace-pre-wrap text-lg">
           This airdrop is designed for those who have actively participated in
-          Polkadot's OpenGov by voting before the start of Referendum 502. The
-          the snapshot was taken February 14th, 2024 (22:14:54 UTC). Only
+          Polkadot's OpenGov by voting before the start of{" "}
+          <a href="https://polkadot.polkassembly.io/referenda/502">
+            Referendum 502
+          </a>
+          . The snapshot was taken February 14th, 2024 (22:14:54 UTC). Only
           wallets that voted on Polkadot's OpenGov before the snapshot will be
           eligible. Claims will be open until July 1st, 2024.
         </div>
         {showEligibility === false ? (
           <>
             <div className="w-full text-xl font-bold">
-              Enter Your Polkadot address below to check your eligibility:
+              Enter your Polkadot address below to check your eligibility:
             </div>
             <div className="flex w-full flex-col gap-4 rounded-md bg-[#DFE5ED] p-7 sm:flex-row">
               <div className="relative flex w-full flex-col">
@@ -195,6 +198,13 @@ const Eligibility = ({
                     Invalid Zeitgeist address
                   </div>
                 )}
+                {isValid === true &&
+                  claimAddress != null &&
+                  connectedWalletMatchesPolkadotAddress === false && (
+                    <div className="absolute top-10 text-xs text-red-600">
+                      Connected wallet doesn't match Polkadot address
+                    </div>
+                  )}
               </div>
               <button
                 className="h-[40px] w-full rounded-md bg-[#2468E2] text-white disabled:opacity-50 sm:w-[200px]"