g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

HMM

Browse Source
This commit is contained in:
NotII
2025-03-19 01:46:09 +01:00
parent 998986b9fc
commit 6bdcb15552
4 changed files with 1111 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/auth/login/page.tsx
View File

@@ -13,7 +13,7 @@ import { Label } from "@/components/ui/label";
import { toast } from "sonner";
export default function LoginPage() {
const [username, setUsername] = useState("");
const [username, setUsername] = useState("");
const [password, setPassword] = useState("");
const [isLoading, setIsLoading] = useState(false);
const [isRedirecting, setIsRedirecting] = useState(false);
@@ -26,6 +26,7 @@ export default function LoginPage() {
progress: 0,
message: "Preparing your session..."
});
const [error, setError] = useState("");
const router = useRouter();
// Check if already logged in

172
app/dashboard/admin/page.tsx Normal file
View File

@@ -0,0 +1,172 @@
"use client";
import React, { useState, useEffect } from "react";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { Button } from "@/components/ui/button";
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
import {
AlertCircle, Users, MessageSquare, BarChart as BarChartIcon, Trash2, Bot, Database,
DollarSign, CreditCard, Landmark, Shield, Tag
} from "lucide-react";
import AdminAnalytics from "@/components/admin/AdminAnalytics";
export default function AdminDashboardPage() {
const [activeTab, setActiveTab] = useState("overview");
const [isAdmin, setIsAdmin] = useState(false);
const [loading, setLoading] = useState(true);
useEffect(() => {
// Check if the current user is an admin
const checkAdminStatus = async () => {
try {
// Get auth token from cookies
const token = document.cookie
.split("; ")
.find((row) => row.startsWith("Authorization="))
?.split("=")[1];
if (!token) {
setIsAdmin(false);
setLoading(false);
return;
}
const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/auth/me`, {
method: "GET",
headers: {
Authorization: `Bearer ${token}`,
},
});
const data = await response.json();
// Check if vendor has admin privileges
setIsAdmin(data.vendor?.isAdmin === true);
} catch (error) {
console.error("Error checking admin status:", error);
setIsAdmin(false);
} finally {
setLoading(false);
}
};
checkAdminStatus();
}, []);
if (loading) {
return (
<div className="flex justify-center items-center h-screen">
<div className="animate-spin h-8 w-8 border-4 border-primary border-t-transparent rounded-full"></div>
</div>
);
}
if (!isAdmin) {
return (
<div className="container mx-auto p-6">
<Alert variant="destructive">
<AlertCircle className="h-4 w-4" />
<AlertTitle>Access Denied</AlertTitle>
<AlertDescription>
You do not have permission to access the admin dashboard.
</AlertDescription>
</Alert>
</div>
);
}
return (
<div className="container mx-auto p-4">
<h1 className="text-2xl font-bold mb-6">Admin Dashboard</h1>
<Tabs defaultValue="overview" value={activeTab} onValueChange={setActiveTab}>
<TabsList className="grid grid-cols-5 w-full mb-6">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="vendors">Vendors</TabsTrigger>
<TabsTrigger value="bot">Bot Management</TabsTrigger>
<TabsTrigger value="sessions">Sessions</TabsTrigger>
<TabsTrigger value="analytics">Analytics</TabsTrigger>
</TabsList>
<TabsContent value="overview">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<Card className="cursor-pointer hover:shadow-md transition-shadow" onClick={() => setActiveTab("vendors")}>
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-md font-medium">Vendor Management</CardTitle>
<Users className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<CardDescription>
View and manage vendors across the platform.
</CardDescription>
</CardContent>
</Card>
<Card className="cursor-pointer hover:shadow-md transition-shadow" onClick={() => setActiveTab("bot")}>
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-md font-medium">Bot Management</CardTitle>
<Bot className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<CardDescription>
Configure and manage the Telegram bot settings.
</CardDescription>
</CardContent>
</Card>
<Card className="cursor-pointer hover:shadow-md transition-shadow" onClick={() => setActiveTab("sessions")}>
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-md font-medium">Session Management</CardTitle>
<Database className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<CardDescription>
Manage active sessions and clear inactive ones.
</CardDescription>
</CardContent>
</Card>
<Card className="cursor-pointer hover:shadow-md transition-shadow" onClick={() => setActiveTab("analytics")}>
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-md font-medium">Analytics</CardTitle>
<BarChartIcon className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<CardDescription>
View platform statistics and performance metrics.
</CardDescription>
</CardContent>
</Card>
<Card className="cursor-pointer hover:shadow-md transition-shadow" onClick={() => setActiveTab("analytics")}>
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-md font-medium">Promotions</CardTitle>
<Tag className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<CardDescription>
Track promotion usage and performance metrics.
</CardDescription>
</CardContent>
</Card>
<Card className="cursor-pointer hover:shadow-md transition-shadow" onClick={() => setActiveTab("analytics")}>
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-md font-medium">Payments & Escrow</CardTitle>
<Landmark className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<CardDescription>
Monitor escrow status and financial operations.
</CardDescription>
</CardContent>
</Card>
</div>
</TabsContent>
<TabsContent value="analytics">
<AdminAnalytics />
</TabsContent>
</Tabs>
</div>
);
}