From 7086238c38c850a2a37fbef65f6171dfde439e38 Mon Sep 17 00:00:00 2001
From: Amy <minds10@hotmail.com>
Date: Mon, 23 Aug 2021 23:32:43 -0400
Subject: [PATCH] Add email to footer

---
 components/Footer.module.css | 5 +++++
 components/Footer.tsx        | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/Footer.module.css b/components/Footer.module.css
index 2f4c9d0c..337a419f 100644
--- a/components/Footer.module.css
+++ b/components/Footer.module.css
@@ -23,6 +23,11 @@
   text-align: center;
 }
 
+.email {
+  color: unset;
+  text-decoration: unset;
+}
+
 @media only screen and (max-width: calc(768rem / 16)) {
   .footer {
     height: calc(120rem / 16);
diff --git a/components/Footer.tsx b/components/Footer.tsx
index e0fac676..0d008838 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,3 +1,4 @@
+import Link from "next/link";
 import React from "react";
 
 import { SocialLinks } from "./SocialLinks";
@@ -9,7 +10,10 @@ export function Footer() {
     <footer className={styles.footer}>
       <div className={styles.container}>
         <div className={styles.text}>
-          Have questions? Email us at XX@XXX.COM
+          Have questions? Email us at{" "}
+          <Link href="mailto:exec@csclub.uwaterloo.ca">
+            <a className={styles.email}>exec@csclub.uwaterloo.ca</a>
+          </Link>
         </div>
         <SocialLinks color="white" size="small" />
       </div>