web/src/app/admin/layout.tsx

import {ReactNode} from 'react'
import Header from './_client/header'
import Navbar from './_client/navbar'
import Layout from './_client/layout'
import {getProfile} from '@/actions/auth'
import {redirect} from 'next/navigation'
import {ChangePasswordDialog} from '@/components/composites/dialogs/change-password-dialog'
import {RealnameAuthDialog} from '@/components/composites/dialogs/realname-auth-dialog'

export type AdminLayoutProps = {
  children: ReactNode
}

export default async function AdminLayout(props: AdminLayoutProps) {
  const resp = await getProfile()
  const profile = resp.success ? resp.data : null

  if (!profile) {
    redirect('/login')
  }

  return (
    <Layout
      navbar={<Navbar/>}
      header={<Header profile={profile}/>}
      content={(
        <>
          {props.children}
          <RealnameAuthDialog
            hasAuthenticated={!!profile.id_token}
            triggerClassName="hidden"
            defaultOpen={!profile.id_token}
          />
          <ChangePasswordDialog
            triggerClassName="hidden"
            defaultOpen={profile.has_password}
          />
        </>
      )}
    />
  )
}