admin page

src/pages/admin/ui/AdminPage.tsx

@@ -0,0 +1,53 @@
+import { useState } from 'react'
+import { useAdminAuth, useAdminLogout } from '@features/admin'
+import { Notification } from '@shared/ui'
+import { AdminLoginForm } from '@widgets/admin-login-form'
+import { LegalEntitiesTable } from '@widgets/legal-entities-table'
+import { AddLegalEntityModal } from '@widgets/add-legal-entity-modal'
+import styles from './AdminPage.module.css'
+
+export function AdminPage() {
+  const { isAuthenticated, isLoading } = useAdminAuth()
+  const logout = useAdminLogout()
+  const [modalOpen, setModalOpen] = useState(false)
+  const [notification, setNotification] = useState<{ message: string; status: 'success' | 'error' } | null>(null)
+
+  if (isLoading) return null
+  if (!isAuthenticated) return <AdminLoginForm />
+
+  return (
+    <div className={styles.page}>
+      <header className={styles.header}>
+        <h1 className={styles.greeting}>Привет, Марк!</h1>
+        <button className={styles.logout} type="button" onClick={() => logout.mutate()}>
+          Выйти
+        </button>
+      </header>
+
+      <section className={styles.content}>
+        <div className={styles.toolbar}>
+          <h2 className={styles.sectionTitle}>Юридические лица</h2>
+          <button className={styles.addBtn} type="button" onClick={() => setModalOpen(true)}>
+            + Добавить юридическое лицо
+          </button>
+        </div>
+
+        <LegalEntitiesTable />
+      </section>
+
+      <AddLegalEntityModal
+        open={modalOpen}
+        onClose={() => setModalOpen(false)}
+        onCreated={() => setNotification({ status: 'success', message: 'Юридическое лицо добавлено' })}
+      />
+
+      {notification && (
+        <Notification
+          status={notification.status}
+          message={notification.message}
+          onClose={() => setNotification(null)}
+        />
+      )}
+    </div>
+  )
+}