updated banner

near-ndc · Aug 7, 2023 · a094d21 · a094d21
1 parent f140954
commit a094d21
Show file tree

Hide file tree

Showing 3 changed files with 96 additions and 34 deletions.
diff --git a/src/components/common/ProgressTracker.jsx b/src/components/common/ProgressTracker.jsx
@@ -9,6 +9,7 @@ const ProgressTracker = () => {
   const ProgressMeterMax = process.env.REACT_APP_PROGRESS_METER_MAX ?? 3000;
   const [humansRegistered, setHumansRegistered] = useState(0);
   const { showTracker } = useSelector((state) => state[ReducerNames.PROGRESS]);
+  const { fvToken } = useSelector((state) => state[ReducerNames.SBT]);
 
   const fetchHumansRegistered = async () => {
     try {
@@ -71,26 +72,47 @@ const ProgressTracker = () => {
               JOIN {humansRegistered} HUMANS TO REACH {ReadableNumber} VOTERS
             </h2>
           </div>
-
-          <div className="p-2 w-full bg-gradient-to-r from-purple-600 to-indigo-600 flex justify-center gap-5 items-center">
-            <h4 className="text-yellow-400 font-bold">
-              JOIN THE HUMANS OF NEAR
-            </h4>
-            <p className="text-gray-300">
-              Unlock Elections, Governance, & Community Treasury with{' '}
-              {ReadableNumber} Humans on NEAR
-            </p>
-            <button
-              className="bg-yellow-300 rounded-lg py-1.5 px-2 text-sm"
-              onClick={() =>
-                window.open(
-                  'https://pages.near.org/blog/ndc-v1-governance-elections-faq/',
-                  '_blank'
-                )
-              }
-            >
-              Learn More
-            </button>
+          <div className="p-2 w-full bg-gradient-to-r from-purple-600 to-indigo-600">
+            {fvToken ? (
+              <div className="flex justify-center gap-5 items-center">
+                <p className="text-yellow-400 ">
+                  Learn about how to protect integrity of the election and how
+                  to submit to the Whistleblower Bounty Program
+                </p>
+                <button
+                  className="bg-yellow-300 rounded-lg py-1.5 px-2 text-sm"
+                  onClick={() =>
+                    window.open(
+                      'https://pages.near.org/blog/ndc-v1-governance-elections-faq/',
+                      '_blank'
+                    )
+                  }
+                >
+                  Learn More
+                </button>
+              </div>
+            ) : (
+              <div className="flex justify-center gap-5 items-center">
+                <h4 className="text-yellow-400 font-bold">
+                  JOIN THE HUMANS OF NEAR
+                </h4>
+                <p className="text-gray-300">
+                  Unlock Elections, Governance, & Community Treasury with{' '}
+                  {ReadableNumber} Humans on NEAR
+                </p>
+                <button
+                  className="bg-yellow-300 rounded-lg py-1.5 px-2 text-sm"
+                  onClick={() =>
+                    window.open(
+                      'https://pages.near.org/blog/ndc-v1-governance-elections-faq/',
+                      '_blank'
+                    )
+                  }
+                >
+                  Learn More
+                </button>
+              </div>
+            )}
           </div>
         </>
       </div>

diff --git a/src/components/fractalVerification/SuccessPage.jsx b/src/components/fractalVerification/SuccessPage.jsx
@@ -23,18 +23,55 @@ export const SuccesVerification = () => {
           height={document.body.offsetHeight}
         />
       )}
-      <div>
-        <div className="flex items-center justify-center w-20 h-20 rounded-full border-2 border-green-400">
-          <div className="flex items-center justify-center w-full h-full rounded-full border-2 border-green-500 bg-green-200 shadow-green-400 shadow-[inset_0_0px_4px_#FFFFFF]">
-            <CircleWavyCheck styles={'w-12 h-12 stroke-black-300 svg-green'} />
+      <div className="flex gap-5">
+        <div>
+          <div className="flex items-center justify-center w-20 h-20 rounded-full border-2 border-green-400">
+            <div className="flex items-center justify-center w-full h-full rounded-full border-2 border-green-500 bg-green-200 shadow-green-400 shadow-[inset_0_0px_4px_#FFFFFF]">
+              <CircleWavyCheck
+                styles={'w-12 h-12 stroke-black-300 svg-green'}
+              />
+            </div>
+          </div>
+          <h2 className="text-4xl font-bold	my-4">Success!</h2>
+          <p className="text-s mb-8 mr-8">
+            Check out your newly minted Soul Bound Tokens! You can now
+            participate in Near Digital Collective (NDC) governance. Share the
+            good news!
+          </p>
+          <TokensGrid />
+        </div>
+        <div className="flex flex-col gap-2">
+          <h2 className="font-semibold text-lg">
+            Before you vote in the general election, learn about the
+            Whistleblower Bounty Program.
+          </h2>
+          <p>
+            The{' '}
+            <span
+              onClick={() => window.open('', '_blank')}
+              className="text-purple-300"
+            >
+              Whistleblower bounty program
+            </span>{' '}
+            offers up to 2,000 NEAR for whistleblowers who come forward to share
+            instances of vote buying, account buying, election fraud, and other
+            violations of the{' '}
+            <span
+              onClick={() => window.open('', '_blank')}
+              className="text-purple-300"
+            >
+              Fair voting policy.
+            </span>
+            <br />
+            Please make sure to read and understand the Fair voting policy,
+            which outlines the responsibilities of each voter. Cancel I
+            understand my responsibilities as a voter
+          </p>
+          <div className="flex gap-2">
+            <button>Cancel</button>
+            <button>I understand my responsibilities as a voter</button>
           </div>
         </div>
-        <h2 className="text-4xl font-bold	my-4">Success!</h2>
-        <p className="text-s mb-8 mr-8">
-          Check out your newly minted Soul Bound Tokens! You can now participate
-          in Near Digital Collective (NDC) governance. Share the good news!
-        </p>
-        <TokensGrid />
       </div>
     </div>
   );

diff --git a/src/components/fractalVerification/TabScreens.jsx b/src/components/fractalVerification/TabScreens.jsx
@@ -132,13 +132,16 @@ export const MintSBT = ({ setError, isError }) => {
                 <Dialog.Panel className="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg">
                   <div className="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4 flex flex-col gap-4">
                     <h1 className="font-semibold text-2xl">
-                      We will be back in a bit.
+                      We will be back in a bit! We will be back in a bit.
                     </h1>
                     <p>
-                      This system is undergoing maintenance to ensure you get
-                      the best experience. Please check back later!
+                      We have been impacted by the Aug 2, 2023 NEAR mainnet
+                      upgrade which unfortunately contained a runtime error and
+                      caused unexpected contract behavior. The Pagoda protocol
+                      team is working on patching the mainnet. Please check back
+                      later!
                     </p>
-                    <p>Thank you for your understanding!</p>
+                    <p>Thank you for your patience!</p>
                   </div>
                 </Dialog.Panel>
               </Transition.Child>