reformat

components/ContentSection.tsx

@@ -168,8 +168,10 @@ const ContentSection = () => {
                     <Button>Check out the whitepaper</Button>
 
                     <p className="text-white leading-relaxed py-4">
-                      <span className="text-mango-yellow font-semibold">$MNGO</span> were only
+                      <span className="text-mango-yellow font-semibold">
-                      provided to contributors who helped build the
+                        $MNGO
+                      </span>{' '}
+                      were only provided to contributors who helped build the
                       protocol.
                     </p>
                   </div>
@@ -185,7 +187,8 @@ const ContentSection = () => {
             How it works.
           </h2>
           <p className="mb-8 text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
-              We take the view that token sales should be simple, transparent and fairly distributed.
+            We take the view that token sales should be simple, transparent and
+            fairly distributed.
           </p>
         </div>
         <section className="">
@@ -229,7 +232,9 @@ const ContentSection = () => {
                           </span>
                         </p>
                         <p className="text-white text-opacity-50">
-                        During the unrestricted period, you may deposit or withdraw USDC from the vault. During the unrestricted period, the $MNGO price can fluctuate.
+                          During the unrestricted period, you may deposit or
+                          withdraw USDC from the vault. During the unrestricted
+                          period, the $MNGO price can fluctuate.
                         </p>
                       </div>
 
@@ -240,7 +245,9 @@ const ContentSection = () => {
                           </span>
                         </p>
                         <p className="text-white text-opacity-50">
-                        After 24 hours deposits will be restricted and only withdrawals allowed. During the restricted period price can only go down.
+                          After 24 hours deposits will be restricted and only
+                          withdrawals allowed. During the restricted period
+                          price can only go down.
                         </p>
                       </div>
                     </div>
@@ -285,7 +292,8 @@ const ContentSection = () => {
                       MNGO unlocked and redeemable.
                     </h2>
                     <p className="text-white text-opacity-50 text-base">
-                      On conclusion of the token sale, $MNGO will be distributed in proportion to your USDC contribution.{' '}
+                      On conclusion of the token sale, $MNGO will be distributed
+                      in proportion to your USDC contribution.{' '}
                     </p>
                   </div>
                 </div>

components/ContentSectionRedeem.tsx

@@ -64,8 +64,10 @@ const ContentSection = () => {
                     <Button>Check out the whitepaper</Button>
 
                     <p className="text-white leading-relaxed py-4">
-                      <span className="text-mango-yellow font-semibold">$MNGO</span> were only
+                      <span className="text-mango-yellow font-semibold">
-                      provided to contributors who helped build the
+                        $MNGO
+                      </span>{' '}
+                      were only provided to contributors who helped build the
                       protocol.
                     </p>
                   </div>

components/HeroSection.tsx

@@ -12,24 +12,16 @@ const HeroSection = () => {
               Claim your stake in the <GradientText>Mango Dao</GradientText>.
             </h2>
             <p className="text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
-            The Mango Dao is a self-governance protocol building a decentralized financial ecosystem. By contributing you will have a stake in the future of the ecosystem and its products.
+              The Mango Dao is a self-governance protocol building a
+              decentralized financial ecosystem. By contributing you will have a
+              stake in the future of the ecosystem and its products.
             </p>
           </div>
           <div className="mb-16 flex lg:flex-row md:flex-row lg:justify-center md:justify-center sm:justify-center">
-                      <a
+            <a className="sm:px-1" rel="noreferrer" target="_blank" href="#">
-                        className="sm:px-1"
-                        rel="noreferrer"
-                        target="_blank"
-                        href="#"
-                      >
               <Button>Contribute now</Button>
             </a>
-                      <a
+            <a className="pl-2 " rel="noreferrer" target="_blank" href="#">
-                        className="pl-2 "
-                        rel="noreferrer"
-                        target="_blank"
-                        href="#"
-                      >
               <Link>Learn more</Link>
             </a>
           </div>

components/HeroSectionLead.tsx

@@ -12,7 +12,7 @@ const HeroSectionLead = () => {
             <h2 className="mb-8 text-7xl text-white font-bold font-heading">
               <GradientText>Wen</GradientText> Token?
             </h2>
-            <p className="mb-8 text-7xl">{startIdo.fromNow()}</p>
+            <p className="mb-8 text-7xl">{startIdo?.fromNow()}</p>
           </div>
         </div>
       </div>

components/HeroSectionRedeem.tsx

@@ -1,6 +1,5 @@
 import GradientText from './GradientText'
-import RedeemModal
+import RedeemModal from './RedeemModal'
- from './RedeemModal'
 const HeroSectionRedeem = () => {
   return (
     <section className="max-w-7xl mx-auto px-10">
@@ -12,8 +11,8 @@ const HeroSectionRedeem = () => {
             <GradientText>$MNGO</GradientText>
           </h2>
           <p className="lg:text-xl">
-          Thank you for your contributions, soon you will be able to help decide
+            Thank you for your contributions, soon you will be able to help
-          the future of Mango.
+            decide the future of Mango.
           </p>
         </div>
         <div className="flex-1 my-5 z-10">

components/ModalSection.tsx

@@ -18,7 +18,6 @@ const ModalSection = () => {
           <StatsModal />
         </div>
       </div>
-
     </>
   )
 }

components/NavBarBeta.tsx

@@ -402,11 +402,7 @@ const NavBarBeta = () => {
             </nav>
             <div className="hidden md:flex items-center justify-end md:flex-1 lg:w-0">
               <div>
-                <a
+                <a rel="noreferrer" target="_blank" href="#">
-                  rel="noreferrer"
-                  target="_blank"
-                  href="#"
-                >
                   <Button>Contribute now</Button>
                 </a>
               </div>

components/StatsModal.tsx

@@ -1,10 +1,8 @@
-
 import PoolCountdown from './PoolCountdown'
 import useVaults from '../hooks/useVaults'
 import usePool from '../hooks/usePool'
 import 'twin.macro'
 
-
 const StatsModal = () => {
   const vaults = useVaults()
   const { endIdo, endDeposits } = usePool()
@@ -13,12 +11,10 @@ const StatsModal = () => {
   //   ? (redeemableBalance * vaults.mango.balance) / vaults.usdc.balance
   //   : 0
 
-  
   const priceFormat = new Intl.NumberFormat('en-US', {
     maximumSignificantDigits: 4,
   })
 
-
   return (
     <>
       <div className="flex-1 m-3 sm:-ml-8 bg-gradient-to-br from-secondary-4-dark to-secondary-4-light border border-bkg-3 p-7 rounded-xl shadow-md divide-y-2 divide-white divide-opacity-10 z-0">