Add link to profile page

i18n.json

@@ -3,6 +3,6 @@
     "defaultLocale": "ja-JP",
     "pages": {
       "/": ["index", "common"],
-      "/about": ["about", "common"]
+      "/profile": ["profile", "common"]
     }
   }

pages/about.js

@@ -1,32 +0,0 @@
-import Layout from "./components/Layout"
-import Navbar from "./components/Navbar"
-import Link from 'next/link'
-import Image from 'next/image'
-
-import { useRouter } from 'next/router'
-
-export default function About(props) {
-  const router = useRouter()
-  const { locale, locales, defaultLocale, pathname } = router
-
-  return (
-
-    <Layout title="ホーム">
-      <Navbar />
-      <div className="my-9">
-        <p>[Debug] Current locale: {pathname}</p>
-        <Image className="rounded-full"
-            src         = "/static/images/avatar.png"
-            alt         = "yude's avatar"
-            width       = {200}
-            height      = {200}
-            unoptimized = {true}
-        />
-        <p>🔨 This page is under the construction. 🔨</p>
-        <p>For now, please visit <Link href="https://yude.moe"><a>yude.moe</a></Link>.
-        </p>
-      </div>
-      
-    </Layout>
-  )
-}

pages/components/LangSelector.js

@@ -48,10 +48,10 @@ const Dropdown = ({ color }) => {
   <div ref={popoverDropdownRef} className={
               (dropdownPopoverShow ? "block " : "hidden ") + "origin-top-right absolute right-0 mt-2 w-40 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"}>
     <div className="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
-    <Link href="/" locale="ja-JP">
+    <Link href="#" locale="ja-JP">
       <a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">日本語</a>
     </Link>
-    <Link href="/" locale="en-US">
+    <Link href="#" locale="en-US">
       <a href="#" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">English</a>
     </Link>
     </div>

pages/index.js

@@ -3,7 +3,7 @@ import Navbar from "./components/Navbar"
 import Link from 'next/link'
 import { ReactElement } from 'react'
 import { faDiscord, faGit } from '@fortawesome/free-brands-svg-icons'
-import { faBlog, faBook } from '@fortawesome/free-solid-svg-icons'
+import { faBlog, faBook, faUser } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import Image from 'next/image'
 import useTranslation from 'next-translate/useTranslation'
@@ -34,7 +34,8 @@ export default function Index(props) {
             unoptimized = {true}
         />
         </div>
-        <span><Link href="https://blog.yude.jp"><a><FontAwesomeIcon icon={faBlog} className="w-10 h-10 inline"/></a></Link></span>
+        <span><Link href="/profile"><a><FontAwesomeIcon icon={faUser} className="w-10 h-10 inline"/></a></Link></span>
+        <span className="ml-4"><Link href="https://blog.yude.jp"><a><FontAwesomeIcon icon={faBlog} className="w-10 h-10 inline"/></a></Link></span>
         <span className="ml-4"><Link href="https://wiki.yude.jp"><a><FontAwesomeIcon icon={faBook} className="w-10 h-10 inline"/></a></Link></span>
         <span className="ml-4"><Link href="https://discord.gg/X6srY7X"><a><FontAwesomeIcon icon={faDiscord} className="w-10 h-10 inline"/></a></Link></span>
         <span className="ml-4"><Link href="https://git.yude.jp"><a><FontAwesomeIcon icon={faGit} className="w-10 h-10 inline"/></a></Link></span>

pages/profile.js

@@ -0,0 +1,22 @@
+import Layout from "./components/Layout"
+import Navbar from "./components/Navbar"
+import Link from 'next/link'
+import Image from 'next/image'
+
+import { useRouter } from 'next/router'
+
+export default function About(props) {
+  const router = useRouter()
+  const { locale, locales, defaultLocale, pathname } = router
+
+  return (
+
+    <Layout title="ホーム">
+      <Navbar />
+      <div className="my-9">
+        <p>まだできてないわね・・・</p>
+      </div>
+      
+    </Layout>
+  )
+}