yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2025-12-16 20:54:17 +09:00
Code Releases Activity

Integrate footer component

Browse Source
This commit is contained in:
yude
2021-05-23 14:02:27 +09:00
parent 9130e072df
commit 4a7973fbf6
6 changed files with 33 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
pages/components/Footer.js Normal file
View File

@@ -0,0 +1,29 @@
import "tailwindcss/tailwind.css";
import Link from 'next/link';
import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router'
export default function Footer(props) {
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
const { t, lang } = useTranslation("common")
const footer = t('footer')
const source = t('source')
const tos = t('tos')
return (
<>
<div className="container mx-auto px-6">
<div className="mt-16 flex flex-col items-center">
<div className="sm:w-full text-center py-6">
<p className="text-sm font-bold mb-2">
{footer} / <Link href="https://github.com/yudejp/yude. jp"><a className="hover:underline">{source}</a></Link>
</p>
<p className="text-sm font-bold mb-2">
<Link href="https://scrapbox.io/yude/yude. jp_%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%88%A9%E7%94%A8%E8 %A6%8F%E7%B4%84"><a className="hover:underline">{tos}</a></Link>
</p>
</div>
</div>
</div>
</>
);
}

19
pages/components/Layout.js
View File

@@ -1,10 +1,10 @@
import Head from "next/head"
import Link from "next/link"
import "tailwindcss/tailwind.css";
import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router'
import React, { useEffect, useState } from 'react'
import { useTheme } from "next-themes";
import Footer from "./Footer"
import Navbar from "./Navbar"
const Layout = (props) => {
const { title, children } = props
@@ -23,6 +23,7 @@ const Layout = (props) => {
<link rel="icon" href="/static/images/favicon.ico" />
</Head>
<main>
<Navbar />
<div className="page-main">
{children}
</div>
@@ -31,20 +32,8 @@ const Layout = (props) => {
body {
text-align: center;
}
`}</style>
<div className="container mx-auto px-6">
<div className="mt-16 flex flex-col items-center">
<div className="sm:w-full text-center py-6">
<p className="text-sm font-bold mb-2">
{footer} / <Link href="https://github.com/yudejp/yude.jp"><a className="hover:underline">{source}</a></Link>
</p>
<p className="text-sm font-bold mb-2">
<Link href="https://scrapbox.io/yude/yude.jp_%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E5%88%A9%E7%94%A8%E8%A6%8F%E7%B4%84"><a className="hover:underline">{tos}</a></Link>
</p>
</div>
</div>
</div>
<Footer />
</main>
</div>
)