Merge branch 'main' into dark-mode-implementation

website/src/components/Header/Header.stories.jsx

@@ -3,6 +3,7 @@ import React from "react";
 
 import { Header } from "./Header";
 
+// eslint-disable-next-line import/no-anonymous-default-export
 export default {
   title: "Header/Header",
   component: Header,

website/src/components/Header/Header.tsx

@@ -1,5 +1,6 @@
 import { Button, Box } from "@chakra-ui/react";
 import { Popover } from "@headlessui/react";
+import clsx from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import Image from "next/image";
 import Link from "next/link";

website/src/components/Header/NavLinks.stories.jsx

@@ -1,5 +1,6 @@
 import { NavLinks } from "./NavLinks";
 
+// eslint-disable-next-line import/no-anonymous-default-export
 export default {
   title: "Header/NavLinks",
   component: NavLinks,

website/src/components/Header/NavLinks.tsx

@@ -1,6 +1,6 @@
-import { useState } from "react";
-import Link from "next/link";
 import { AnimatePresence, motion } from "framer-motion";
+import Link from "next/link";
+import { useState } from "react";
 
 import { useColorMode } from "@chakra-ui/react";
 

website/src/components/Header/UserMenu.stories.jsx

@@ -3,6 +3,7 @@ import React from "react";
 
 import UserMenu from "./UserMenu";
 
+// eslint-disable-next-line import/no-anonymous-default-export
 export default {
   title: "Header/UserMenu",
   component: UserMenu,

website/src/components/Header/UserMenu.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import { signOut, useSession } from "next-auth/react";
-import Image from "next/image";
 import { Popover } from "@headlessui/react";
 import { AnimatePresence, motion } from "framer-motion";
+import Image from "next/image";
+import { signOut, useSession } from "next-auth/react";
+import React from "react";
 import { FaCog, FaSignOutAlt } from "react-icons/fa";
 import { Box, useColorModeValue } from "@chakra-ui/react";
 
@@ -14,7 +14,6 @@ export function UserMenu() {
     return <></>;
   }
   if (session && session.user) {
-    const email = session.user.email;
     const accountOptions = [
       {
         name: "Account Settings",

website/src/components/Header/index.ts

@@ -1,3 +1,3 @@
 export { Header } from "./Header";
-export { UserMenu } from "./UserMenu";
 export { NavLinks } from "./NavLinks";
+export { UserMenu } from "./UserMenu";