Merge pull request #52 from hack4impact-calpoly/48-improving-main-page

48 Limit referrals to a maximum of 5 per submission

Author: IvanA673

package-lock.json

@@ -23,9 +23,9 @@
     "@mui/material": "^6.4.3",
     "@mui/x-data-grid": "^7.26.0",
     "@prisma/client": "^6.4.1",
+    "dayjs": "^1.11.13",
     "jspdf": "^3.0.1",
     "jspdf-autotable": "^5.0.2",
-    "dayjs": "^1.11.13",
     "mongoose": "^8",
     "next": "^15.2.1",
     "nodemailer": "^6.10.0",
@@ -50,6 +50,7 @@
     "prettier": "^3.4.2",
     "prisma": "^6.4.1",
     "ts-jest": "^29.3.2",
-    "typescript": "^5"
+    "ts-node": "^10.9.2",
+    "typescript": "^5.8.3"
   }
 }

package.json

@@ -26,6 +26,11 @@ export async function POST(req: NextRequest) {
     if (!Array.isArray(prospects) || prospects.length === 0) {
       return NextResponse.json({ message: "At least one prospect is required." }, { status: 400 });
     }
+
+    if (prospects.length > 5) {
+      return NextResponse.json({ message: "You can only refer up to 5 prospects at a time." }, { status: 400 });
+    }
+
     // Loop through prospects to validate each entry
     for (let i = 0; i < prospects.length; i++) {
       const prospect = prospects[i];

public/logo.jpg public/assets/logo.jpgpublic/logo.jpg renamed to public/assets/logo.jpg

@@ -23,7 +23,7 @@ export default function Home() {
         </div>
         <div className={styles.heroImageWrapper}>
           <Image
-            src="/produce.jpg"
+            src="/assets/produce.jpg"
             alt="Fresh Produce"
             fill
             className={styles.heroImage}
@@ -32,12 +32,12 @@ export default function Home() {
         </div>
       </section>
 
-      {/* Why Refer & Referral History */}
+      {/* Why Refer & Referral History Section */}
       <section className={styles.referralSection}>
         <div className={styles.leftSection}>
           <div className={styles.produceImageWrapper}>
             <Image
-              src="/produce_2.jpg"
+              src="/assets/produce_2.jpg"
               alt="Fresh Produce"
               fill
               className={styles.produceImage}

public/produce.jpg public/assets/produce.jpgpublic/produce.jpg renamed to public/assets/produce.jpg

@@ -14,6 +14,7 @@ import Switch from "@mui/material/Switch";
 import jsPDF from "jspdf";
 import autoTable from "jspdf-autotable";
 
+// Custom Toolbar
 const CustomToolbar = ({ onExport }: { onExport: () => void }) => {
   return (
     <div style={{ padding: "8px", display: "flex", alignItems: "center", justifyContent: "space-between" }}>