Welcome to our store

import React, { useState } from 'react'; import { Card, CardContent } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { Loader2, Package, Truck, CheckCircle, XCircle } from 'lucide-react'; const TrackingPage = () => { const [trackingNumber, setTrackingNumber] = useState(''); const [trackingInfo, setTrackingInfo] = useState(null); const [loading, setLoading] = useState(false); const handleTrack = async () => { setLoading(true); try { const response = await fetch(`/admin/api/2023-01/orders.json?name=${trackingNumber}`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-Shopify-Access-Token': 'YOUR_SHOPIFY_ACCESS_TOKEN' } }); const data = await response.json(); if (data.orders && data.orders.length > 0) { const order = data.orders[0]; setTrackingInfo({ status: order.fulfillment_status || 'Pending', estimatedDelivery: order.processed_at.split('T')[0], estimatedTime: order.processed_at.split('T')[1].split('+')[0], location: order.shipping_address.city + ', ' + order.shipping_address.province, productTitle: order.line_items[0].title, productImage: order.line_items[0].image ? order.line_items[0].image.src : '' }); } else { setTrackingInfo({ status: 'Order Not Found' }); } } catch (error) { setTrackingInfo({ status: 'Error Fetching Data' }); } finally { setLoading(false); } }; const renderStatusIcon = (status) => { switch (status) { case 'Pending': return ; case 'In Transit': return ; case 'Delivered': return ; default: return ; } }; return (

Track Your Order

setTrackingNumber(e.target.value)} className="mb-4" /> {trackingInfo && (

{renderStatusIcon(trackingInfo.status)} {trackingInfo.status}

{trackingInfo.productImage && Product

} {trackingInfo.productTitle &&

{trackingInfo.productTitle}

} {trackingInfo.estimatedDelivery &&

Estimated Delivery: {trackingInfo.estimatedDelivery}

} {trackingInfo.estimatedTime &&

Estimated Time: {trackingInfo.estimatedTime}

} {trackingInfo.location &&

Current Location: {trackingInfo.location}

}

)}

); }; export default TrackingPage;

import React, { useState } from 'react'; import { Card, CardContent } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { Loader2, Package, Truck, CheckCircle, XCircle } from 'lucide-react'; const TrackingPage = () => { const [trackingNumber, setTrackingNumber] = useState(''); const [trackingInfo, setTrackingInfo] = useState(null); const [loading, setLoading] = useState(false); const handleTrack = async () => { setLoading(true); try { const response = await fetch(`/admin/api/2023-01/orders.json?name=${trackingNumber}`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-Shopify-Access-Token': 'YOUR_SHOPIFY_ACCESS_TOKEN' } }); const data = await response.json(); if (data.orders && data.orders.length > 0) { const order = data.orders[0]; setTrackingInfo({ status: order.fulfillment_status || 'Pending', estimatedDelivery: order.processed_at.split('T')[0], estimatedTime: order.processed_at.split('T')[1].split('+')[0], location: order.shipping_address.city + ', ' + order.shipping_address.province, productTitle: order.line_items[0].title, productImage: order.line_items[0].image ? order.line_items[0].image.src : '' }); } else { setTrackingInfo({ status: 'Order Not Found' }); } } catch (error) { setTrackingInfo({ status: 'Error Fetching Data' }); } finally { setLoading(false); } }; const renderStatusIcon = (status) => { switch (status) { case 'Pending': return ; case 'In Transit': return ; case 'Delivered': return ; default: return ; } }; return (

Track Your Order

setTrackingNumber(e.target.value)} className="mb-4" /> {trackingInfo && (

{renderStatusIcon(trackingInfo.status)} {trackingInfo.status}

{trackingInfo.productImage && Product

} {trackingInfo.productTitle &&

{trackingInfo.productTitle}

} {trackingInfo.estimatedDelivery &&

Estimated Delivery: {trackingInfo.estimatedDelivery}

} {trackingInfo.estimatedTime &&

Estimated Time: {trackingInfo.estimatedTime}

} {trackingInfo.location &&

Current Location: {trackingInfo.location}

}

)}

); }; export default TrackingPage;

Item added to your cart

Collection: Plain T Shirt

No products found
Use fewer filters or remove all

Track Your Order

Track Your Order

Collection: Plain T Shirt

Filter and sort

Filter

No products found Use fewer filters or remove all

Track Your Order

Track Your Order

No products found
Use fewer filters or remove all