Merge branch 'main' of https://github.com/myfatemi04/wheelshare-frontend into main

src/components/ActiveCarpools/ActiveCarpools.tsx

@@ -30,9 +30,9 @@ export default function ActiveCarpools() {
 		>
 			<h1 style={{ textAlign: 'center' }}>Carpools</h1>
 			<UISecondaryBox style={{ width: '100%', boxSizing: 'border-box' }}>
-				{activeCarpools.map((carpool) => (
+				{activeCarpools.length > 0 ? activeCarpools.map((carpool) => (
 					<ActiveCarpoolListItem carpool={carpool} key={carpool.id} />
-				))}
+				)) : "No Carpools"}
 			</UISecondaryBox>
 		</div>
 	);

src/components/Event/EventCarpools.tsx

@@ -145,13 +145,13 @@ export default function Carpools() {
 				Click <EmojiPeopleIcon style={{ fontSize: '0.875rem' }} /> to request to
 				join a carpool.
 			</span>
-			{event.carpools.map((carpool) => (
+			{event.carpools.length>0 ? event.carpools.map((carpool) => (
 				<CarpoolRow
 					carpool={carpool}
 					key={carpool.id}
 					inCarpoolAlready={alreadyInCarpool}
 				/>
-			))}
+			)) : "No Carpools"}
 		</div>
 	);
 }