From aabb9feaea82ff8b89d2f7222952be4525dc6475 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 7 Mar 2022 18:24:26 -0800
Subject: [PATCH] Cleanup

---
 .gitignore                           |  1 +
 components/AccountModal/index.tsx    |  1 -
 components/GridRep/index.tsx         | 19 ++++++++++++-------
 components/HeaderMenu/index.tsx      |  2 +-
 components/RaidDropdown/index.tsx    | 26 +++++++++++++-------------
 components/SummonHovercard/index.tsx |  7 -------
 6 files changed, 27 insertions(+), 29 deletions(-)

diff --git a/.gitignore b/.gitignore
index a8ccb251..c7376d35 100644
--- a/.gitignore
+++ b/.gitignore
@@ -76,3 +76,4 @@ typings/
 
 # DS_Store
 .DS_Store
+*.tsbuildinfo
diff --git a/components/AccountModal/index.tsx b/components/AccountModal/index.tsx
index 87f0851a..a5156276 100644
--- a/components/AccountModal/index.tsx
+++ b/components/AccountModal/index.tsx
@@ -44,7 +44,6 @@ const AccountModal = () => {
     const privateSelect = React.createRef<HTMLInputElement>()
 
     useEffect(() => {
-        console.log(cookies.user)
         if (cookies.user) setPicture(cookies.user.picture)
         if (cookies.user) setLanguage(cookies.user.language)
     }, [cookies])
diff --git a/components/GridRep/index.tsx b/components/GridRep/index.tsx
index 14543b06..227a0dcd 100644
--- a/components/GridRep/index.tsx
+++ b/components/GridRep/index.tsx
@@ -117,13 +117,18 @@ const GridRep = (props: Props) => {
                     <h2 className={titleClass} onClick={navigate}>{ (props.name) ? props.name : t('no_title') }</h2>
                     <div className={raidClass}>{ (props.raid) ? props.raid.name[locale] : t('no_raid') }</div>
                 </div>
-                { (account.authorized && (props.user && account.user && account.user.id !== props.user.id)) ? 
-                    <Button 
-                        active={props.favorited} 
-                        icon="save" 
-                        type={ButtonType.IconOnly} 
-                        onClick={sendSaveData} 
-                    /> : ''}
+                { 
+                    (account.authorized && (
+                        (props.user && account.user && account.user.id !== props.user.id) 
+                        || (!props.user)
+                    )) ? 
+                        <Button 
+                            active={props.favorited} 
+                            icon="save" 
+                            type={ButtonType.IconOnly} 
+                            onClick={sendSaveData} /> 
+                    : ''
+                }
             </div>
             <div className="bottom">
                 <div className={userClass}>
diff --git a/components/HeaderMenu/index.tsx b/components/HeaderMenu/index.tsx
index 24b4ff78..e4faf732 100644
--- a/components/HeaderMenu/index.tsx
+++ b/components/HeaderMenu/index.tsx
@@ -48,7 +48,7 @@ const HeaderMenu = (props: Props) => {
                 <ul className="Menu auth">
                     <div className="MenuGroup">
                         <li className="MenuItem profile">
-                            <Link href={`/${accountCookies.account.username}` || ''}>
+                            <Link href={`/${accountCookies.account.username}` || ''} passHref>
                                 <div>
                                     <span>{accountCookies.account.username}</span>
                                     <img 
diff --git a/components/RaidDropdown/index.tsx b/components/RaidDropdown/index.tsx
index 7db9db30..a8202e81 100644
--- a/components/RaidDropdown/index.tsx
+++ b/components/RaidDropdown/index.tsx
@@ -25,21 +25,21 @@ const RaidDropdown = React.forwardRef<HTMLSelectElement, Props>(function useFiel
     const [raids, setRaids] = useState<Raid[]>()
     const [sortedRaids, setSortedRaids] = useState<Raid[][]>()
 
-    // Set up empty raid for "All raids"
-    const all = {
-        id: '0',
-        name: {
-            en: 'All raids',
-            ja: '全て'
-        },
-        slug: 'all',
-        level: 0,
-        group: 0,
-        element: 0
-    }
-
     // Organize raids into groups on mount
     const organizeRaids = useCallback((raids: Raid[]) => {
+        // Set up empty raid for "All raids"
+        const all = {
+            id: '0',
+            name: {
+                en: 'All raids',
+                ja: '全て'
+            },
+            slug: 'all',
+            level: 0,
+            group: 0,
+            element: 0
+        }
+        
         const numGroups = Math.max.apply(Math, raids.map(raid => raid.group))
         let groupedRaids = []
 
diff --git a/components/SummonHovercard/index.tsx b/components/SummonHovercard/index.tsx
index f989da7e..5a391a26 100644
--- a/components/SummonHovercard/index.tsx
+++ b/components/SummonHovercard/index.tsx
@@ -14,13 +14,6 @@ interface Props {
     children: React.ReactNode
 }
 
-interface KeyNames {
-    [key: string]: {
-        en: string,
-        jp: string
-    }
-}
-
 const SummonHovercard = (props: Props) => {
     const router = useRouter()
     const { t } = useTranslation('common')