Skip to content

feat: enhance admin page #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
seungwonme merged 3 commits into from
Nov 30, 2025
Merged

feat: enhance admin page #1

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
de30134
feat: enhance admin page
seungwonme Jun 10, 2025
45faa28
fix: cursor bugbot
seungwonme Jun 10, 2025
f3a48b3
feat: update project dependencies and enhance documentation
seungwonme Nov 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
469 changes: 338 additions & 131 deletions src/app/admin/dashboard/page.tsx
View file
Open in desktop

Large diffs are not rendered by default.

8 changes: 5 additions & 3 deletions src/app/admin/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,10 +28,12 @@ export default async function AdminLayout({
// Only show sidebar for approved users
if (profile?.status === "approved") {
return (
<div className="flex h-screen bg-gray-100 dark:bg-gray-900">
<div className="min-h-screen bg-gradient-to-br from-background via-muted/20 to-background">
<AdminSidebar userRole={profile.role || "user"} />
<main className="flex-1 overflow-y-auto">
<div className="container mx-auto p-6">
<main className="lg:pl-64 min-h-screen">
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-primary/5 via-transparent to-transparent pointer-events-none" />
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,_var(--tw-gradient-stops))] from-accent/5 via-transparent to-transparent pointer-events-none" />
<div className="relative container mx-auto p-6 pt-20 lg:pt-6">
{children}
</div>
</main>
Expand Down
4 changes: 2 additions & 2 deletions src/app/admin/login/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,10 +27,10 @@ export const dynamic = "force-dynamic";

export default function AdminLoginPage() {
return (
<div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900">
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-background via-muted/20 to-background relative overflow-hidden">
<Suspense
fallback={
<div className="h-8 w-8 animate-spin rounded-full border-4 border-blue-600 border-t-transparent"></div>
<div className="h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"></div>
}
>
<AdminLoginClient />
Expand Down
8 changes: 6 additions & 2 deletions src/app/admin/pending/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,12 @@ export default async function PendingApprovalPage() {
await AuthService.requireAuth({ requiredStatus: "pending" });

return (
<div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900 px-4">
<Card className="w-full max-w-md">
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-background via-muted/20 to-background relative overflow-hidden px-4">
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-primary/5 via-transparent to-transparent pointer-events-none" />
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,_var(--tw-gradient-stops))] from-accent/5 via-transparent to-transparent pointer-events-none" />
<div className="absolute inset-0 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:14px_24px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]" />

<Card className="relative w-full max-w-md border-border/50 shadow-2xl backdrop-blur-sm bg-card/95">
<CardHeader className="text-center">
<div className="flex justify-center mb-4">
<div className="p-3 bg-yellow-100 dark:bg-yellow-900/20 rounded-full">
Expand Down
10 changes: 7 additions & 3 deletions src/app/admin/register/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,9 +70,13 @@ export default async function AdminRegisterPage({ searchParams }: PageProps) {
: null;

return (
<div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900 px-4">
<div className="w-full max-w-md">
<Card>
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-background via-muted/20 to-background relative overflow-hidden px-4">
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-primary/5 via-transparent to-transparent pointer-events-none" />
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,_var(--tw-gradient-stops))] from-accent/5 via-transparent to-transparent pointer-events-none" />
<div className="absolute inset-0 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:14px_24px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]" />

<div className="relative w-full max-w-md">
<Card className="border-border/50 shadow-2xl backdrop-blur-sm bg-card/95">
<CardHeader className="text-center">
<CardTitle className="text-3xl font-bold">회원가입</CardTitle>
<CardDescription>DemoDev Link 서비스 가입</CardDescription>
Expand Down
10 changes: 7 additions & 3 deletions src/app/admin/rejected/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,13 @@ export default async function RejectedPage() {
const { profile } = await AuthService.requireAuth({ requiredStatus: "rejected" });

return (
<div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900 px-4">
<div className="max-w-md w-full text-center">
<div className="bg-white dark:bg-gray-800 shadow-lg rounded-lg p-8">
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-background via-muted/20 to-background relative overflow-hidden px-4">
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-primary/5 via-transparent to-transparent pointer-events-none" />
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,_var(--tw-gradient-stops))] from-accent/5 via-transparent to-transparent pointer-events-none" />
<div className="absolute inset-0 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:14px_24px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)]" />

<div className="relative max-w-md w-full text-center">
<div className="bg-card/95 backdrop-blur-sm shadow-2xl rounded-lg p-8 border border-border/50">
<div className="flex justify-center mb-6">
<div className="h-16 w-16 bg-red-100 dark:bg-red-900/20 rounded-full flex items-center justify-center">
<XCircleIcon className="h-8 w-8 text-red-600 dark:text-red-400" />
Expand Down
Loading