masrockey/cineprime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
gotolombok
2026-01-31 17:21:32 +08:00
commit f839fbd63a
109 changed files with 19204 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
app/admin/users/page.tsx Normal file
View File

@@ -0,0 +1,91 @@
import { createAdminClient } from '@/lib/supabase/admin';
import { User } from '@supabase/supabase-js';
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from '@/components/ui/table';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge'; // I might need to install badge, but I'll check/skip for now or use plain HTML
export default async function UsersPage() {
// We need to handle the case where SERVICE_ROLE_KEY is missing gracefully-ish or just fail
let users: User[] = [];
let errorMsg = '';
try {
if (!process.env.SUPABASE_SERVICE_ROLE_KEY) {
throw new Error("SUPABASE_SERVICE_ROLE_KEY is missing in .env.local");
}
const supabase = createAdminClient();
const { data, error } = await supabase.auth.admin.listUsers();
if (error) throw error;
users = data.users || [];
} catch (e: any) {
console.error("Error fetching users:", e);
errorMsg = e.message;
}
return (
<div className="space-y-6">
<div className="flex items-center justify-between">
<h1 className="text-3xl font-bold tracking-tight text-white">Users</h1>
</div>
<Card className="bg-[#141414] border-gray-800 text-white">
<CardHeader>
<CardTitle>User List</CardTitle>
</CardHeader>
<CardContent>
{errorMsg ? (
<div className="p-4 text-red-500 bg-red-500/10 rounded border border-red-500/20">
Error: {errorMsg}. <br />
<span className="text-sm text-gray-400">Make sure SUPABASE_SERVICE_ROLE_KEY is set in .env.local</span>
</div>
) : (
<Table>
<TableHeader>
<TableRow className="border-gray-800 hover:bg-transparent">
<TableHead className="text-gray-400">Email</TableHead>
<TableHead className="text-gray-400">Created At</TableHead>
<TableHead className="text-gray-400">Last Sign In</TableHead>
<TableHead className="text-gray-400">Status</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{users.map((user) => (
<TableRow key={user.id} className="border-gray-800 hover:bg-gray-900/50">
<TableCell className="font-medium">{user.email}</TableCell>
<TableCell>{new Date(user.created_at).toLocaleDateString()}</TableCell>
<TableCell>
{user.last_sign_in_at
? new Date(user.last_sign_in_at).toLocaleDateString()
: 'Never'}
</TableCell>
<TableCell>
{user.confirmed_at ? (
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-500/10 text-green-500">Confirmed</span>
) : (
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-yellow-500/10 text-yellow-500">Pending</span>
)}
</TableCell>
</TableRow>
))}
{users.length === 0 && (
<TableRow>
<TableCell colSpan={4} className="text-center text-gray-500 py-8">
No users found.
</TableCell>
</TableRow>
)}
</TableBody>
</Table>
)}
</CardContent>
</Card>
</div>
);
}