fix: anime header issue #135

Author: ZL-Asica

src/app/robots.ts

@@ -12,7 +12,7 @@ async function robots(): Promise<MetadataRoute.Robots> {
   const postUrls = posts.map(post => `/${post.slug}`)
 
   // Pages settings
-  const showAnime = config.anilist_username !== null && config.anilist_username !== ''
+  const showAnime = config.anilist_username === undefined || config.anilist_username !== null || config.anilist_username !== ''
 
   const allowList = [
     '/',

src/app/sitemap.ts

@@ -20,7 +20,7 @@ async function sitemap(): Promise<MetadataRoute.Sitemap> {
   }))
 
   // Pages settings
-  const showAnime = config.anilist_username !== null && config.anilist_username !== ''
+  const showAnime = config.anilist_username === undefined || config.anilist_username !== null || config.anilist_username !== ''
 
   const pages = [`${siteUrl}/posts`, `${siteUrl}/about`, `${siteUrl}/friends`]
 

src/components/common/HeaderMenu.tsx

@@ -39,7 +39,7 @@ const HeaderMenu = ({ config, isMobile, ulClassName, onClickHandler }: HeaderMen
     { href: '/about', label: translation.about.title, icon: <FaInfo /> },
   ]
 
-  if (config.anilist_username !== null && config.anilist_username !== '') {
+  if (config.anilist_username !== undefined && config.anilist_username !== null && config.anilist_username.length > 1) {
     menuItems[3].children = [{ href: '/about/anime', label: translation.anime.title, icon: <FaTv /> }]
   }
 
@@ -125,6 +125,8 @@ const HeaderMenu = ({ config, isMobile, ulClassName, onClickHandler }: HeaderMen
                 <li key={subItem.href}>
                   <Link
                     href={subItem.href}
+                    title={subItem.label}
+                    onClick={onClickHandler}
                     className={`flex items-center gap-2 py-2 text-base hover:text-[var(--sakuraPink)]
                       ${currentPath.startsWith(subItem.href) ? 'text-[var(--sakuraPink)]' : ''}
                       `}