fix: Handle goal reached 🎉

client/src/components/Supporters.js

@@ -17,14 +17,24 @@ const supportersLocale = supporterGoal.toLocaleString();
 
 function Supporters({ isDonating, activeDonations }) {
   const donationsLocale = activeDonations.toLocaleString();
+  const isGoalReached = activeDonations >= supporterGoal;
   return (
     <Fragment>
       <FullWidthRow>
         <h2>Support an open future.</h2>
       </FullWidthRow>
+      {isGoalReached ? (
+        <FullWidthRow>
+          <Spacer />
+          <p>
+            🎉 {donationsLocale} supporters help keep freeCodeCamp.org free to
+            use
+          </p>
+        </FullWidthRow>
+      ) : (
         <FullWidthRow>
           <div id='supporter-progress-wrapper'>
-          <ProgressBar max={10000} now={activeDonations} />
+            <ProgressBar max={supporterGoal} now={activeDonations} />
             <div id='progress-label-wrapper'>
               <span className='progress-label'>
                 {donationsLocale} supporters out of {supportersLocale} supporter
@@ -33,6 +43,7 @@ function Supporters({ isDonating, activeDonations }) {
             </div>
           </div>
         </FullWidthRow>
+      )}
       <Spacer />
       <FullWidthRow>
         <b>