33 lines
1.0 KiB
TypeScript
33 lines
1.0 KiB
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
import { motion } from 'framer-motion';
|
||
|
|
import { Package } from 'lucide-react';
|
||
|
|
|
||
|
|
export default function AdminOrders() {
|
||
|
|
return (
|
||
|
|
<div className="space-y-8">
|
||
|
|
{/* Header */}
|
||
|
|
<div>
|
||
|
|
<h1 className="text-3xl font-bold text-gray-900 mb-2">Orders</h1>
|
||
|
|
<p className="text-gray-600">View and manage all carbon offset orders</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{/* Placeholder */}
|
||
|
|
<motion.div
|
||
|
|
initial={{ opacity: 0, y: 20 }}
|
||
|
|
animate={{ opacity: 1, y: 0 }}
|
||
|
|
className="glass-card p-12 text-center"
|
||
|
|
>
|
||
|
|
<Package size={48} className="mx-auto mb-4 text-gray-400" />
|
||
|
|
<h2 className="text-xl font-bold text-gray-900 mb-2">Orders Management</h2>
|
||
|
|
<p className="text-gray-600 mb-4">
|
||
|
|
Orders table with filtering, search, and export will be implemented in Phase 4.
|
||
|
|
</p>
|
||
|
|
<div className="inline-block px-4 py-2 bg-blue-100 text-blue-700 rounded-lg text-sm">
|
||
|
|
Backend API integration coming in Phase 2
|
||
|
|
</div>
|
||
|
|
</motion.div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|