diff --git a/src/app/track/page.tsx b/src/app/track/page.tsx deleted file mode 100644 index 7a400f8..0000000 --- a/src/app/track/page.tsx +++ /dev/null @@ -1,257 +0,0 @@ -'use client'; - -import { useState } from 'react'; -import { ThemeProvider } from '@/components/theme/ThemeProvider'; -import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; -import { Package, MapPin, Calendar, Truck, CheckCircle, Clock } from 'lucide-react'; - -const navItems = [ - { name: 'Home', id: '/' }, - { name: 'Register', id: '/register' }, - { name: 'Login', id: '/login' }, - { name: 'Dashboard', id: '/dashboard' }, - { name: 'Orders', id: '/orders' }, -]; - -interface TrackingEvent { - timestamp: string; - status: string; - location: string; - description: string; - icon: React.ReactNode; -} - -export default function TrackPage() { - const [trackingNumber, setTrackingNumber] = useState(''); - const [trackingData, setTrackingData] = useState<{ - orderId: string; - trackingNumber: string; - status: string; - currentLocation: string; - estimatedDelivery: string; - events: TrackingEvent[]; - } | null>(null); - - const mockTrackingData = { - orderId: 'ORD-002', - trackingNumber: 'TRACK-789012', - status: 'In Transit', - currentLocation: 'Distribution Center, Chicago, IL', - estimatedDelivery: '2024-01-25', - events: [ - { - timestamp: '2024-01-23 14:30', - status: 'Out for Delivery', - location: 'Local Facility, New York, NY', - description: 'Package is on its way to you', - icon: , - }, - { - timestamp: '2024-01-22 10:15', - status: 'In Transit', - location: 'Distribution Center, Chicago, IL', - description: 'Package in transit to delivery location', - icon: , - }, - { - timestamp: '2024-01-21 18:45', - status: 'Shipped', - location: 'Warehouse, Los Angeles, CA', - description: 'Package picked up and shipped', - icon: , - }, - { - timestamp: '2024-01-15 09:00', - status: 'Order Confirmed', - location: 'Order Processing Center', - description: 'Your order has been confirmed', - icon: , - }, - ], - }; - - const handleTrack = (e: React.FormEvent) => { - e.preventDefault(); - if (trackingNumber.trim()) { - setTrackingData(mockTrackingData); - } - }; - - return ( - - -
-
- {/* Header */} -
-

- - Track Your Order -

-

Enter your tracking number to see real-time updates

-
- - {/* Tracking Search */} -
-
- setTrackingNumber(e.target.value)} - placeholder="Enter tracking number (e.g., TRACK-789012)" - className="flex-1 px-4 py-3 border border-primary-cta/20 rounded-lg bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta" - /> - -
-
- - {/* Tracking Results */} - {trackingData && ( -
- {/* Current Status Card */} -
-
-
-

Order ID

-

{trackingData.orderId}

-
-
-

Current Status

-

{trackingData.status}

-
-
-

Est. Delivery

-

{trackingData.estimatedDelivery}

-
-
-
- - {/* Current Location */} -
- -
-

Current Location

-

{trackingData.currentLocation}

-
-
- - {/* Tracking Timeline */} -
-

Tracking History

-
- {trackingData.events.map((event, index) => ( -
- {/* Timeline Line and Icon */} -
-
- {event.icon} -
- {index < trackingData.events.length - 1 && ( -
- )} -
- - {/* Event Details */} -
-
-

{event.status}

-

- - {event.timestamp} -

-
-
-

- - {event.location} -

-

{event.description}

-
-
-
- ))} -
-
- - {/* Additional Info */} -
-
-

- - Shipping Details -

-
    -
  • - Carrier: - Priority Express -
  • -
  • - Service: - Express Delivery -
  • -
  • - Weight: - 2.5 lbs -
  • -
-
-
-

- - Important Dates -

-
    -
  • - Order Date: - 2024-01-15 -
  • -
  • - Shipped Date: - 2024-01-21 -
  • -
  • - Est. Delivery: - 2024-01-25 -
  • -
-
-
-
- )} - - {/* Demo Note */} - {!trackingData && ( -
-

Try tracking number:

- -
- )} -
-
-
- ); -}