55 lines
1.1 KiB
JavaScript
55 lines
1.1 KiB
JavaScript
'use client'
|
|
|
|
import NotionPage from '@/components/NotionPage'
|
|
import { SignIn, SignUp } from '@clerk/nextjs'
|
|
|
|
/**
|
|
* 登入頁面
|
|
*/
|
|
const LayoutSignIn = props => {
|
|
const { post } = props
|
|
const enableClerk = process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
|
|
|
|
return (
|
|
<>
|
|
<div className='grow mt-20'>
|
|
{/* Clerk 預設表單 */}
|
|
{enableClerk && (
|
|
<div className='flex justify-center py-6'>
|
|
<SignIn />
|
|
</div>
|
|
)}
|
|
<div id='article-wrapper'>
|
|
<NotionPage post={post} />
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
/**
|
|
* 註冊頁面
|
|
*/
|
|
const LayoutSignUp = props => {
|
|
const { post } = props
|
|
const enableClerk = process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
|
|
|
|
return (
|
|
<>
|
|
<div className='grow mt-20'>
|
|
{/* Clerk 預設表單 */}
|
|
{enableClerk && (
|
|
<div className='flex justify-center py-6'>
|
|
<SignUp />
|
|
</div>
|
|
)}
|
|
<div id='article-wrapper'>
|
|
<NotionPage post={post} />
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export { LayoutSignIn, LayoutSignUp }
|