chore: Temporarily change links of Header to the links to HTML pages build by Sessionize (#173)

* chore: Remove `next/link` temporary for forwarding to HTML pages build by Sessionize

* chore: Temporarily change links of Header to the links to HTML pages build by Sessionize

* fix(HeaderMenu): Use `next/link` when href is `/`

Author: taigakiyokawa

src/components/molecules/HeaderMenu/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
 import { Typography, Box } from '@mui/material'
-import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { HeaderItemColor, HeaderMenuItem, HeaderItemBehaviorStyles } from 'src/components/organisms/Header'
+import Link from 'next/link'
 
 export interface HeaderMenuProps {
   menuList: HeaderMenuItem[]
@@ -17,8 +17,24 @@ export const HeaderMenu = ({ menuList, itemColor, itemBehaviorStyles }: HeaderMe
     <Box sx={{ display: 'flex', gap: '8px', margin: '0 24px 0 auto' }}>
       {menuList.map((list, i) => {
         return list.href ? (
-          <Link href={list.href} key={i}>
-            <a>
+          list.href === '/' ? (
+            <Link href={list.href} key={i}>
+              <a>
+                <Typography
+                  sx={{
+                    borderBottom: router.pathname === list.href ? '3px solid' : '',
+                    color: itemColor.default,
+                    p: '4px 8px',
+                    ...itemBehaviorStyles
+                  }}
+                >
+                  {list.label}
+                </Typography>
+              </a>
+            </Link>
+          ) : (
+            // TODO(taigakiyokawa): Revert using `next/link` when pages have implemented.
+            <a href={list.href} target="_blank" rel="noreferrer" key={i}>
               <Typography
                 sx={{
                   borderBottom: router.pathname === list.href ? '3px solid' : '',
@@ -30,7 +46,7 @@ export const HeaderMenu = ({ menuList, itemColor, itemBehaviorStyles }: HeaderMe
                 {list.label}
               </Typography>
             </a>
-          </Link>
+          )
         ) : (
           <Typography
             onClick={list.onClick}

src/components/organisms/Header/index.tsx

@@ -55,9 +55,12 @@ export const Header = () => {
   const menuList: HeaderMenuItem[] = useMemo(() => {
     return [
       { href: '/', label: 'Home' },
-      { href: '/sessions', label: 'Sessions' },
-      { href: '/timetable', label: 'Timetable' },
-      { href: '/floor_guide', label: 'Floor Guide' },
+      // TODO(taigakiyokawa): Revert to `/sessions` when the page has implemented.
+      { href: 'https://sessionize.com/api/v2/jmtn42ls/view/Sessions', label: 'Sessions' },
+      // TODO(taigakiyokawa): Revert to `/timetable` when the page has implemented.
+      { href: 'https://sessionize.com/api/v2/jmtn42ls/view/GridSmart', label: 'Timetable' },
+      // TODO(taigakiyokawa): Revert comment out when the page has implemented.
+      // { href: '/floor_guide', label: 'Floor Guide' },
       {
         label: t('change_language'),
         onClick: handleChangeLanguage