From 2e578a7af828c9ee199e6cf0eb17263336992486 Mon Sep 17 00:00:00 2001
From: Bouncey <staylor1012@gmail.com>
Date: Mon, 3 Dec 2018 17:47:30 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20Handle=20goal=20reached=20=F0=9F=8E=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Supporters.js | 31 +++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/client/src/components/Supporters.js b/client/src/components/Supporters.js
index 192717add5..7ab7b0b662 100644
--- a/client/src/components/Supporters.js
+++ b/client/src/components/Supporters.js
@@ -17,22 +17,33 @@ 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>
-      <FullWidthRow>
-        <div id='supporter-progress-wrapper'>
-          <ProgressBar max={10000} now={activeDonations} />
-          <div id='progress-label-wrapper'>
-            <span className='progress-label'>
-              {donationsLocale} supporters out of {supportersLocale} supporter
-              goal
-            </span>
+      {isGoalReached ? (
+        <FullWidthRow>
+          <Spacer />
+          <p>
+            🎉 {donationsLocale} supporters help keep freeCodeCamp.org free to
+            use
+          </p>
+        </FullWidthRow>
+      ) : (
+        <FullWidthRow>
+          <div id='supporter-progress-wrapper'>
+            <ProgressBar max={supporterGoal} now={activeDonations} />
+            <div id='progress-label-wrapper'>
+              <span className='progress-label'>
+                {donationsLocale} supporters out of {supportersLocale} supporter
+                goal
+              </span>
+            </div>
           </div>
-        </div>
-      </FullWidthRow>
+        </FullWidthRow>
+      )}
       <Spacer />
       <FullWidthRow>
         <b>