admin panal preview

admin panal preview

admin panal preview

import React, { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button";

const mockPayments = [ { id: 1, name: "Rahul Patil", email: "rahul@example.com", product: "Power Bank", amount: 799, screenshot: "https://via.placeholder.com/100", status: "Pending", }, { id: 2, name: "Sneha More", email: "sneha@example.com", product: "LED Bulb Pack", amount: 350, screenshot: "https://via.placeholder.com/100", status: "Approved", }, ];

export default function AdminPanelPreview() { const [payments, setPayments] = useState(mockPayments);

const handleStatusChange = (id, newStatus) => { setPayments((prev) => prev.map((p) => (p.id === id ? { ...p, status: newStatus } : p)) ); };

return (

Admin Dashboard

{payments.map((pay) => (

नाव: {pay.name}

ई-मेल: {pay.email}

प्रॉडक्ट: {pay.product}

रक्कम: ₹{pay.amount}

स्थिती: {pay.status}

<Button onClick={() => handleStatusChange(pay.id, "Approved")} className="bg-green-600" > Approve <Button onClick={() => handleStatusChange(pay.id, "Pending")} className="bg-yellow-500" > Pending

))}

); }