#4142 added confetti

Author: cielbellerose

src/frontend/src/pages/FinancePage/CreateReimbursementRequest.tsx

@@ -2,6 +2,7 @@
  * This file is part of NER's FinishLine and licensed under GNU AGPLv3.
  * See the LICENSE file in the repository root folder for details.
  */
+import confetti from 'canvas-confetti';
 import { useHistory, useLocation } from 'react-router-dom';
 import { WbsNumber, CreateRefundSourceArgs, ReimbursementReceiptUploadArgs } from 'shared';
 import { ReimbursementRequestFormInput } from './ReimbursementRequestForm/ReimbursementRequestForm';
@@ -31,6 +32,17 @@ const CreateReimbursementRequestPage: React.FC = () => {
       id: reimbursementRequestId,
       files: data.receiptFiles.map((file) => file.file!)
     });
+    [0, 0.15, 0.3, 0.45, 0.6, 0.75, 0.9].forEach((xPos) => {
+      confetti({
+        origin: { y: -0.5, x: xPos },
+        angle: 270,
+        gravity: 1.5,
+        startVelocity: 35,
+        spread: 70,
+        particleCount: 50,
+        zIndex: 1300
+      });
+    });
     return reimbursementRequestId;
   };
 

src/frontend/src/pages/WorkPackageDetailPage/StageGateWorkPackageModalContainer/StageGateWorkPackageModalContainer.tsx

@@ -3,6 +3,7 @@
  * See the LICENSE file in the repository root folder for details.
  */
 
+import confetti from 'canvas-confetti';
 import { useHistory } from 'react-router-dom';
 import { ChangeRequestType, WbsNumber, wbsPipe } from 'shared';
 import { useAuth } from '../../../hooks/auth.hooks';
@@ -45,6 +46,17 @@ const StageGateWorkPackageModalContainer: React.FC<StageGateWorkPackageModalCont
         type: ChangeRequestType.StageGate,
         confirmDone
       });
+      [0, 0.15, 0.3, 0.45, 0.6, 0.75, 0.9].forEach((xPos) => {
+        confetti({
+          origin: { y: -0.5, x: xPos },
+          angle: 270,
+          gravity: 1.5,
+          startVelocity: 35,
+          spread: 70,
+          particleCount: 50,
+          zIndex: 1300
+        });
+      });
       history.push(`${routes.PROJECTS}/${wbsPipe(wbsNum)}/change-requests`);
     } catch (e: unknown) {
       if (e instanceof Error) {