test

components/EventDescriptionCard.tsx

@@ -15,6 +15,7 @@ interface Props {
   date: Date;
   poster?: string;
   registerLink?: string;
+  permaLink?: string;
 }
 
 /**
@@ -35,6 +36,7 @@ export function EventDescriptionCard({
   date,
   online,
   registerLink,
+  permaLink,
 }: Props) {
   const Icon = getIcon(location);
 
@@ -43,7 +45,7 @@ export function EventDescriptionCard({
       {poster && <Image className={styles.poster} src={poster} alt={name} />}
 
       <div className={styles.details}>
-        <h1 className={styles.name}>{name}</h1>
+        <h1 className={styles.name}>{permaLink ? <Link href={permaLink}>name</Link> : name}</h1>
         <h2 className={styles.setting}>
           <EventSetting date={date} online={online} location={location} />
         </h2>

content/events/2021/fall/BOT.md

@@ -6,6 +6,7 @@ online: true
 location: 'Twitch'
 poster: 'images/events/2021/fall/BOT.png'
 registerLink: https://bit.ly/csc-bot-event-signup-form
+permaLink: /events/2021/fall/BOT/
 ---
 
 Kick off the fall term with CS Club’s BOT event! 🍂 Interested in attending upcoming CSC events? Want to meet others in the CS community?

types.d.ts

@@ -12,6 +12,7 @@ declare module "*.event.mdx" {
     location: string;
     poster?: string;
     registerLink?: string;
+    permaLink?: string;
   }
 
   const ReactComponent: ComponentType;