2021-09-22 07:24:00 +09:00
|
|
|
// Base layout
|
2021-05-27 10:03:44 +09:00
|
|
|
import Layout from "./components/Layout"
|
2021-09-22 07:24:00 +09:00
|
|
|
|
|
|
|
// React, i18n
|
2021-05-27 10:03:44 +09:00
|
|
|
import useTranslation from 'next-translate/useTranslation'
|
|
|
|
import React from "react"
|
|
|
|
import ReactMarkdown from "react-markdown"
|
2021-09-22 07:24:00 +09:00
|
|
|
|
|
|
|
// Markdown
|
2021-05-27 10:03:44 +09:00
|
|
|
import gfm from 'remark-gfm';
|
2021-05-27 10:31:55 +09:00
|
|
|
import ja from '../docs/hcunews/ja.md'
|
|
|
|
import en from '../docs/hcunews/en.md'
|
2021-05-27 10:03:44 +09:00
|
|
|
|
2021-09-22 07:24:00 +09:00
|
|
|
export default function HcuNews() {
|
2021-05-27 10:03:44 +09:00
|
|
|
const { t, lang } = useTranslation("hcunews")
|
2021-06-14 12:36:18 +09:00
|
|
|
|
2021-05-27 10:03:44 +09:00
|
|
|
return(
|
2021-06-14 12:36:18 +09:00
|
|
|
<Layout title={t('hcunews')}>
|
2021-05-27 10:03:44 +09:00
|
|
|
<div>
|
2021-06-14 12:36:18 +09:00
|
|
|
<h1>{t('hcunews')}</h1>
|
2021-05-27 10:31:55 +09:00
|
|
|
{lang === 'ja' ? (
|
2021-09-22 07:43:10 +09:00
|
|
|
<ReactMarkdown plugins={[gfm]}>
|
|
|
|
{ja}
|
|
|
|
</ReactMarkdown>
|
2021-05-27 10:31:55 +09:00
|
|
|
) : (
|
2021-09-22 07:43:10 +09:00
|
|
|
<ReactMarkdown plugins={[gfm]}>
|
|
|
|
{en}
|
|
|
|
</ReactMarkdown>
|
2021-05-27 10:31:55 +09:00
|
|
|
)}
|
2021-05-27 10:03:44 +09:00
|
|
|
</div>
|
|
|
|
</Layout>
|
2021-06-14 12:36:18 +09:00
|
|
|
)
|
2021-05-27 10:03:44 +09:00
|
|
|
}
|