2021-08-24 12:02:13 -04:00
|
|
|
import Link from "next/link";
|
2021-06-13 19:55:25 -04:00
|
|
|
import React from "react";
|
2021-08-13 04:16:37 -04:00
|
|
|
|
2022-06-08 08:45:28 -04:00
|
|
|
import { Button } from "./Button";
|
2021-06-13 19:55:25 -04:00
|
|
|
import { SocialLinks } from "./SocialLinks";
|
2022-06-08 08:45:28 -04:00
|
|
|
import { useThemeContext } from "./Theme";
|
2021-06-13 19:55:25 -04:00
|
|
|
|
2021-08-13 04:16:37 -04:00
|
|
|
import styles from "./Footer.module.css";
|
|
|
|
|
2021-06-13 19:55:25 -04:00
|
|
|
export function Footer() {
|
2022-06-08 08:45:28 -04:00
|
|
|
const themeContext = useThemeContext();
|
|
|
|
|
2021-06-13 19:55:25 -04:00
|
|
|
return (
|
|
|
|
<footer className={styles.footer}>
|
|
|
|
<div className={styles.container}>
|
|
|
|
<div className={styles.text}>
|
2021-08-24 12:02:13 -04:00
|
|
|
Have questions? Email us at{" "}
|
|
|
|
<Link href="mailto:exec@csclub.uwaterloo.ca">
|
|
|
|
<a className={styles.email}>exec@csclub.uwaterloo.ca</a>
|
|
|
|
</Link>
|
2021-06-13 19:55:25 -04:00
|
|
|
</div>
|
2022-06-08 08:45:28 -04:00
|
|
|
<Button
|
|
|
|
size="small"
|
|
|
|
onClick={() =>
|
|
|
|
themeContext?.theme.name === "dark"
|
|
|
|
? themeContext?.setTheme("light")
|
|
|
|
: themeContext?.setTheme("dark")
|
|
|
|
}
|
|
|
|
>
|
|
|
|
Toggle Theme
|
|
|
|
</Button>
|
2021-06-13 19:55:25 -04:00
|
|
|
<SocialLinks color="white" size="small" />
|
|
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
);
|
|
|
|
}
|