diff --git a/components/Header.tsx b/components/Header.tsx index 39405d04..bf728fc4 100644 --- a/components/Header.tsx +++ b/components/Header.tsx @@ -1,7 +1,7 @@ import { merge } from 'lodash'; import Head from 'next/head'; import Link from 'next/link'; -import { useRouter } from 'next/router'; +import { NextRouter, useRouter } from 'next/router'; import React, { ReactElement, useCallback, @@ -58,14 +58,12 @@ type HeaderProps = { }; type DropdownMenuWrapperProps = { - splashPage?: boolean; userInfo: UserInfo | null; onSignOut: () => void; onSignIn: (token: string) => void; }; export const DropdownMenuWrapper = ({ - splashPage = false, userInfo, onSignOut, onSignIn, @@ -73,6 +71,7 @@ export const DropdownMenuWrapper = ({ const [showModal, setShowModal] = useState(false); const [showMenuDropdown, setShowMenuDropdown] = useState(false); const dropdownRef = useRef(null); + const router = useRouter(); useEffect(() => { const handleCloseDropdown = (event: Event): void => { @@ -96,23 +95,29 @@ export const DropdownMenuWrapper = ({ setShowMenuDropdown(!showMenuDropdown); }; - // Commented out until subscription page is finalized - // const subscriptionPage = (): void => { - // router.push('/subscriptions'); - // }; - const DropDownMenu = (): ReactElement => { return (