Change numberOfEvents to moreEvents

pages/index.tsx

@@ -16,7 +16,7 @@ import { News, getRecentNews } from "@/lib/news";
 import styles from "./index.module.css";
 
 interface Props {
-  numberOfEvents: number; // total number of upcoming events
+  moreEvents: boolean; // true if there are more than 2 upcoming events
   events: Event[]; // array of 0 - 2 events
   news: News;
 }
@@ -57,7 +57,7 @@ export default function Home(props: Props) {
               </Link>
             </p>
             <hr className={styles.cardsDividingLine} />
-            {props.numberOfEvents === 0 ? (
+            {props.events.length === 0 ? (
               <p>
                 There are no upcoming events right now. Please check back later!
               </p>
@@ -73,7 +73,7 @@ export default function Home(props: Props) {
                   ))
                 : null}
             </div>
-            {props.numberOfEvents > 2 ? (
+            {props.moreEvents ? (
               <p>
                 See more upcoming events{" "}
                 <Link href="/events">
@@ -120,7 +120,7 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
   const recentNews = await getRecentNews();
   return {
     props: {
-      numberOfEvents: upcomingEvents.length,
+      moreEvents: upcomingEvents.length > 2,
       events: upcomingEvents.slice(0, 2),
       news: recentNews[0],
     },