onedrive/pages/[...path].tsx
2022-02-08 23:30:12 +08:00

43 lines
1.2 KiB
TypeScript

import Head from 'next/head'
import { useRouter } from 'next/router'
import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
import siteConfig from '../config/site.config'
import Navbar from '../components/Navbar'
import FileListing from '../components/FileListing'
import Footer from '../components/Footer'
import Breadcrumb from '../components/Breadcrumb'
import SwitchLayout from '../components/SwitchLayout'
export default function Folders() {
const { query } = useRouter()
return (
<div className="flex min-h-screen flex-col items-center justify-center bg-white dark:bg-gray-900">
<Head>
<title>{siteConfig.title}</title>
</Head>
<main className="flex w-full flex-1 flex-col bg-gray-50 dark:bg-gray-800">
<Navbar />
<div className="mx-auto w-full max-w-5xl p-4">
<nav className="mb-4 flex items-center justify-between space-x-3 pl-1">
<Breadcrumb query={query} />
<SwitchLayout />
</nav>
<FileListing query={query} />
</div>
</main>
<Footer />
</div>
)
}
export async function getServerSideProps({ locale }) {
return {
props: {
...(await serverSideTranslations(locale, ['common'])),
},
}
}