49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
|
// MUI Imports
|
||
|
|
import Grid from '@mui/material/Grid2'
|
||
|
|
|
||
|
|
// Type Imports
|
||
|
|
import type { OrderType } from '@/types/apps/ecommerceTypes'
|
||
|
|
|
||
|
|
// Component Imports
|
||
|
|
import OrderDetailHeader from './OrderDetailHeader'
|
||
|
|
import OrderDetailsCard from './OrderDetailsCard'
|
||
|
|
import ShippingActivity from './ShippingActivityCard'
|
||
|
|
import CustomerDetails from './CustomerDetailsCard'
|
||
|
|
import ShippingAddress from './ShippingAddressCard'
|
||
|
|
import BillingAddress from './BillingAddressCard'
|
||
|
|
|
||
|
|
const OrderDetails = ({ orderData, order }: { orderData?: OrderType; order: string }) => {
|
||
|
|
return (
|
||
|
|
<Grid container spacing={6}>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<OrderDetailHeader orderData={orderData} order={order} />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, md: 8 }}>
|
||
|
|
<Grid container spacing={6}>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<OrderDetailsCard />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<ShippingActivity order={order} />
|
||
|
|
</Grid>
|
||
|
|
</Grid>
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12, md: 4 }}>
|
||
|
|
<Grid container spacing={6}>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<CustomerDetails orderData={orderData} />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<ShippingAddress />
|
||
|
|
</Grid>
|
||
|
|
<Grid size={{ xs: 12 }}>
|
||
|
|
<BillingAddress />
|
||
|
|
</Grid>
|
||
|
|
</Grid>
|
||
|
|
</Grid>
|
||
|
|
</Grid>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default OrderDetails
|