+
+ )
+}
+
+export default CancelledOrders
diff --git a/src/views/orders/DeliveredOrders.js b/src/views/orders/DeliveredOrders.js
new file mode 100644
index 0000000..d3a3eff
--- /dev/null
+++ b/src/views/orders/DeliveredOrders.js
@@ -0,0 +1,273 @@
+import React, { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
+import axios from 'axios'
+import { isAutheticated } from 'src/auth'
+
+function DeliveredOrders() {
+ const token = isAutheticated()
+ const [loading, setLoading] = useState(true)
+ const [success, setSuccess] = useState(true)
+ const [deliveredOrdersData, setDeliveredOrdersData] = useState([])
+
+ const [currentPage, setCurrentPage] = useState(1)
+ const [itemPerPage, setItemPerPage] = useState(10)
+ const [showData, setShowData] = useState(deliveredOrdersData)
+
+ const handleShowEntries = (e) => {
+ setCurrentPage(1)
+ setItemPerPage(e.target.value)
+ }
+
+ useEffect(() => {
+ function getProcessingOrder() {
+ axios
+ .get(`/api/order/list/delivered`, {
+ headers: { 'Access-Control-Allow-Origin': '*', Authorization: `Bearer ${token}` },
+ })
+ .then((res) => {
+ setDeliveredOrdersData(res.data.data)
+ setLoading(false)
+ })
+ .catch((err) => {
+ console.log(err)
+ setLoading(false)
+ })
+ }
+ getProcessingOrder()
+ }, [])
+
+ useEffect(() => {
+ const loadData = () => {
+ const indexOfLastPost = currentPage * itemPerPage
+ const indexOfFirstPost = indexOfLastPost - itemPerPage
+ setShowData(deliveredOrdersData.slice(indexOfFirstPost, indexOfLastPost))
+ }
+ loadData()
+ }, [currentPage, itemPerPage, deliveredOrdersData])
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ Cancelled Orders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Order ID | +Parent Name | +Amount | +Placed On | +Status | +Actions | +
|---|---|---|---|---|---|
+ No Data Available+ |
+ |||||
| + Loading... + | +|||||
| {order.order_id} | +{order.parent.name} | +{order?.total_amount} | ++ {new Date(order?.placed_on).toLocaleString('en-IN', { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + })} + | ++ + {order?.status} + + | ++ + + + | +
+
+
+
+
+
+ Showing {currentPage * itemPerPage - itemPerPage + 1} to{' '}
+ {Math.min(currentPage * itemPerPage, cancelledOrdersData.length)} of{' '}
+ {cancelledOrdersData.length} entries
+
+
+
+
+
+ -
+
- + setCurrentPage((prev) => prev - 1)} + > + Previous + + + + {!(currentPage - 1 < 1) && ( +
- + setCurrentPage((prev) => prev - 1)} + > + {currentPage - 1} + + + )} + +
- + + {currentPage} + + + + {!( + (currentPage + 1) * itemPerPage - itemPerPage > + cancelledOrdersData.length - 1 + ) && ( +
- + { + setCurrentPage((prev) => prev + 1) + }} + > + {currentPage + 1} + + + )} + +
- + cancelledOrdersData.length - 1 + ) + ? 'paginate_button page-item next' + : 'paginate_button page-item next disabled' + } + > + setCurrentPage((prev) => prev + 1)} + > + Next + + +
+
+ )
+}
+
+export default DeliveredOrders
diff --git a/src/views/orders/DispatchedOrders.js b/src/views/orders/DispatchedOrders.js
new file mode 100644
index 0000000..6b4ebca
--- /dev/null
+++ b/src/views/orders/DispatchedOrders.js
@@ -0,0 +1,274 @@
+import React, { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
+import axios from 'axios'
+import { isAutheticated } from 'src/auth'
+
+
+function DispatchedOrders() {
+ const token = isAutheticated()
+ const [loading, setLoading] = useState(true)
+ const [success, setSuccess] = useState(true)
+ const [dispatchedOrdersData, setDispatchedOrdersData] = useState([])
+
+ const [currentPage, setCurrentPage] = useState(1)
+ const [itemPerPage, setItemPerPage] = useState(10)
+ const [showData, setShowData] = useState(dispatchedOrdersData)
+
+ const handleShowEntries = (e) => {
+ setCurrentPage(1)
+ setItemPerPage(e.target.value)
+ }
+
+ useEffect(() => {
+ function getDispatchedOrder() {
+ axios
+ .get(`/api/order/list/dispatched`, {
+ headers: { 'Access-Control-Allow-Origin': '*', Authorization: `Bearer ${token}` },
+ })
+ .then((res) => {
+ setDispatchedOrdersData(res.data.data)
+ setLoading(false)
+ })
+ .catch((err) => {
+ console.log(err)
+ setLoading(false)
+ })
+ }
+ getDispatchedOrder()
+ }, [])
+
+ useEffect(() => {
+ const loadData = () => {
+ const indexOfLastPost = currentPage * itemPerPage
+ const indexOfFirstPost = indexOfLastPost - itemPerPage
+ setShowData(dispatchedOrdersData.slice(indexOfFirstPost, indexOfLastPost))
+ }
+ loadData()
+ }, [currentPage, itemPerPage, dispatchedOrdersData])
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ Delivered Orders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Order ID | +Parent Name | +Amount | +Placed On | +Status | +Actions | +
|---|---|---|---|---|---|
+ No Data Available+ |
+ |||||
| + Loading... + | +|||||
| {order.order_id} | +{order.parent.name} | +{order?.total_amount} | ++ {new Date(order?.placed_on).toLocaleString('en-IN', { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + })} + | ++ + {order?.status} + + | ++ + + + | +
+
+
+
+
+
+ Showing {currentPage * itemPerPage - itemPerPage + 1} to{' '}
+ {Math.min(currentPage * itemPerPage, deliveredOrdersData.length)} of{' '}
+ {deliveredOrdersData.length} entries
+
+
+
+
+
+ -
+
- + setCurrentPage((prev) => prev - 1)} + > + Previous + + + + {!(currentPage - 1 < 1) && ( +
- + setCurrentPage((prev) => prev - 1)} + > + {currentPage - 1} + + + )} + +
- + + {currentPage} + + + + {!( + (currentPage + 1) * itemPerPage - itemPerPage > + deliveredOrdersData.length - 1 + ) && ( +
- + { + setCurrentPage((prev) => prev + 1) + }} + > + {currentPage + 1} + + + )} + +
- + deliveredOrdersData.length - 1 + ) + ? 'paginate_button page-item next' + : 'paginate_button page-item next disabled' + } + > + setCurrentPage((prev) => prev + 1)} + > + Next + + +
+
+ )
+}
+
+export default DispatchedOrders
diff --git a/src/views/orders/NewOrders.js b/src/views/orders/NewOrders.js
new file mode 100644
index 0000000..dc70807
--- /dev/null
+++ b/src/views/orders/NewOrders.js
@@ -0,0 +1,275 @@
+import React, { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
+import axios from 'axios'
+
+import { isAutheticated } from 'src/auth'
+
+function NewOrders() {
+ const token = isAutheticated()
+ const [loading, setLoading] = useState(true)
+ const [success, setSuccess] = useState(true)
+ const [newOrdersData, setNewOrdersData] = useState([])
+
+ const [currentPage, setCurrentPage] = useState(1)
+ const [itemPerPage, setItemPerPage] = useState(10)
+ const [showData, setShowData] = useState(newOrdersData)
+
+ const handleShowEntries = (e) => {
+ setCurrentPage(1)
+ setItemPerPage(e.target.value)
+ }
+
+ useEffect(() => {
+ function getNewOrder() {
+ axios
+ .get(`/api/order/list/new`, {
+ headers: { 'Access-Control-Allow-Origin': '*', Authorization: `Bearer ${token}` },
+ })
+ .then((res) => {
+ setNewOrdersData(res.data.data)
+ setLoading(false)
+ })
+ .catch((err) => {
+ console.log(err)
+ setLoading(false)
+ })
+ }
+ getNewOrder()
+ }, [])
+
+ useEffect(() => {
+ const loadData = () => {
+ const indexOfLastPost = currentPage * itemPerPage
+ const indexOfFirstPost = indexOfLastPost - itemPerPage
+ setShowData(newOrdersData.slice(indexOfFirstPost, indexOfLastPost))
+ }
+ loadData()
+ }, [currentPage, itemPerPage, newOrdersData])
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ Dispatched Orders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Order ID | +Parent Name | +Amount | +Placed On | +Status | +Actions | +
|---|---|---|---|---|---|
+ No Data Available+ |
+ |||||
| + Loading... + | +|||||
| {order.order_id} | +{order.parent.name} | +{order?.total_amount} | ++ {new Date(order?.placed_on).toLocaleString('en-IN', { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + })} + | ++ + {order?.status} + + | ++ + + + | +
+
+
+
+
+
+ Showing {currentPage * itemPerPage - itemPerPage + 1} to{' '}
+ {Math.min(currentPage * itemPerPage, dispatchedOrdersData.length)} of{' '}
+ {dispatchedOrdersData.length} entries
+
+
+
+
+
+ -
+
- + setCurrentPage((prev) => prev - 1)} + > + Previous + + + + {!(currentPage - 1 < 1) && ( +
- + setCurrentPage((prev) => prev - 1)} + > + {currentPage - 1} + + + )} + +
- + + {currentPage} + + + + {!( + (currentPage + 1) * itemPerPage - itemPerPage > + dispatchedOrdersData.length - 1 + ) && ( +
- + { + setCurrentPage((prev) => prev + 1) + }} + > + {currentPage + 1} + + + )} + +
- + dispatchedOrdersData.length - 1 + ) + ? 'paginate_button page-item next' + : 'paginate_button page-item next disabled' + } + > + setCurrentPage((prev) => prev + 1)} + > + Next + + +
+
+ )
+}
+
+export default NewOrders
diff --git a/src/views/orders/PrintOrderDetails.js b/src/views/orders/PrintOrderDetails.js
new file mode 100644
index 0000000..6de0179
--- /dev/null
+++ b/src/views/orders/PrintOrderDetails.js
@@ -0,0 +1,239 @@
+import React, { useEffect, useState } from 'react'
+import QRCode from 'react-qr-code'
+import axios from 'axios'
+import { isAutheticated } from 'src/auth'
+
+
+const PrintOrderDetails = React.forwardRef(({ orderData }, ref) => {
+ const token = isAutheticated()
+ const [company, setCompany] = useState({})
+ const [logo, setLogo] = useState('')
+
+ useEffect(() => {
+ function getConfig() {
+ axios
+ .get(`/api/config`, {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ })
+ .then((res) => {
+ setCompany(res.data?.result[0]?.address[0])
+ setLogo(res.data?.result[0]?.logo[0]?.Headerlogo)
+ })
+ }
+ getConfig()
+ }, [])
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ New Orders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Order ID | +Franchisee | +Order value | + {/*Placed On | */} +Status | +Actions | +
|---|---|---|---|---|---|
+ No Data Available+ |
+ |||||
| + Loading... + | +|||||
| {order.order_id} | +{order.parent.name} | +{order?.total_amount} | ++ {new Date(order?.placed_on).toLocaleString('en-IN', { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + })} + | ++ + {order?.status} + + | ++ + + + | +
+
+
+
+
+
+ Showing {currentPage * itemPerPage - itemPerPage + 1} to{' '}
+ {Math.min(currentPage * itemPerPage, newOrdersData.length)} of{' '}
+ {newOrdersData.length} entries
+
+
+
+
+
+ -
+
- + setCurrentPage((prev) => prev - 1)} + > + Previous + + + + {!(currentPage - 1 < 1) && ( +
- + setCurrentPage((prev) => prev - 1)} + > + {currentPage - 1} + + + )} + +
- + + {currentPage} + + + + {!( + (currentPage + 1) * itemPerPage - itemPerPage > + newOrdersData.length - 1 + ) && ( +
- + { + setCurrentPage((prev) => prev + 1) + }} + > + {currentPage + 1} + + + )} + +
- + newOrdersData.length - 1 + ) + ? 'paginate_button page-item next' + : 'paginate_button page-item next disabled' + } + > + setCurrentPage((prev) => prev + 1)} + > + Next + + +
+
+ )
+})
+
+export default PrintOrderDetails
diff --git a/src/views/orders/ProcessingOrders.js b/src/views/orders/ProcessingOrders.js
new file mode 100644
index 0000000..8aa763d
--- /dev/null
+++ b/src/views/orders/ProcessingOrders.js
@@ -0,0 +1,274 @@
+import React, { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
+import axios from 'axios'
+import { isAutheticated } from 'src/auth'
+
+
+function ProcessingOrders() {
+ const token = isAutheticated()
+ const [loading, setLoading] = useState(true)
+ const [success, setSuccess] = useState(true)
+ const [processingOrdersData, setProcessingOrdersData] = useState([])
+
+ const [currentPage, setCurrentPage] = useState(1)
+ const [itemPerPage, setItemPerPage] = useState(10)
+ const [showData, setShowData] = useState(processingOrdersData)
+
+ const handleShowEntries = (e) => {
+ setCurrentPage(1)
+ setItemPerPage(e.target.value)
+ }
+
+ useEffect(() => {
+ function getProcessingOrder() {
+ axios
+ .get(`/api/order/list/processing`, {
+ headers: { 'Access-Control-Allow-Origin': '*', Authorization: `Bearer ${token}` },
+ })
+ .then((res) => {
+ setProcessingOrdersData(res.data.data)
+ setLoading(false)
+ })
+ .catch((err) => {
+ console.log(err)
+ setLoading(false)
+ })
+ }
+ getProcessingOrder()
+ }, [])
+
+ useEffect(() => {
+ const loadData = () => {
+ const indexOfLastPost = currentPage * itemPerPage
+ const indexOfFirstPost = indexOfLastPost - itemPerPage
+ setShowData(processingOrdersData.slice(indexOfFirstPost, indexOfLastPost))
+ }
+ loadData()
+ }, [currentPage, itemPerPage, processingOrdersData])
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Order Confirmation
++
|
+ {logo && (
+
+
+ )}
+ |
+ + {company?.company} + | +
|---|---|
|
+ {company?.address}
+ + {company?.city + ' ' + company?.state + ' ' + company?.pincode} + + {company?.country} + + GSTIN {company?.gstin} + |
+
+
+
+
+
+
+
+
+
+
+ | Bill To | +Ship To | +
|---|---|
|
+ {orderData?.address?.full_name}
+ + {orderData.address?.flat_house_no_apartment} + + {orderData.address?.area_street_sector_village} + + {orderData.address?.landmark && ( + <> + {orderData.address?.landmark} + + + )} + {orderData.address?.address_line && ( + <> + {orderData.address?.address_line} + + + )} + {orderData.address?.city} + + {orderData.address?.pincode + ' ' + orderData.address?.state} + |
+
+ {orderData?.address?.full_name}
+ + {orderData.address?.flat_house_no_apartment} + + {orderData.address?.area_street_sector_village} + + {orderData.address?.landmark && ( + <> + {orderData.address?.landmark} + + + )} + {orderData.address?.address_line && ( + <> + {orderData.address?.address_line} + + + )} + {orderData.address?.city} + + {orderData.address?.pincode + ' ' + orderData.address?.state} + |
+
| # | +HSN Code | +Product Name | +Size | +Qnty | +Tax Type | +Gross Amount | +Tax Rate | +Net Amount | +
|---|---|---|---|---|---|---|---|---|
| {i + 1} | +{e.product?.hsn_code} | +{e.product.name} | +{e.variant.size} | +{e.quantity} | +{e?.igst ? 'IGST' : 'CGST, SGST'} | +{e.price} | ++ {(e?.igst ? Number(e?.igst) : Number(e?.sgst) + Number(e?.cgst)).toFixed(2) + + '%'} + | ++ {e?.igst + ? ((e.price + (e.price * e.igst) / 100) * e.quantity).toFixed(2) + : ( + (e.price + (e.price * e.cgst) / 100 + (e.price * e.sgst) / 100) * + e.quantity + ).toFixed(2)} + | +
|
+
+
+
+ Total Gross Amount
+
+ + Rs.{orderData?.total_gross_amount} +
+ Tax Amount
+
+ + Rs.{orderData?.tax_amount} +
+ Shipping Charge
+
+ + Rs.{orderData?.shipping_charge} +
+ Final Net Amount
+
+ + Rs.{orderData?.total_amount} + |
+
+ Note: Tax Invoice will be sent along with the goods. +
++ Thanks for your business. +
+
+
+ )
+}
+
+export default ProcessingOrders
diff --git a/src/views/orders/ReturnedOrders.js b/src/views/orders/ReturnedOrders.js
new file mode 100644
index 0000000..f6e6e17
--- /dev/null
+++ b/src/views/orders/ReturnedOrders.js
@@ -0,0 +1,274 @@
+import React, { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
+import axios from 'axios'
+import { isAutheticated } from 'src/auth'
+
+
+function ReturnedOrders() {
+ const token = isAutheticated()
+ const [loading, setLoading] = useState(true)
+ const [success, setSuccess] = useState(true)
+ const [returnedOrdersData, setReturnedOrdersData] = useState([])
+
+ const [currentPage, setCurrentPage] = useState(1)
+ const [itemPerPage, setItemPerPage] = useState(10)
+ const [showData, setShowData] = useState(returnedOrdersData)
+
+ const handleShowEntries = (e) => {
+ setCurrentPage(1)
+ setItemPerPage(e.target.value)
+ }
+
+ useEffect(() => {
+ function getProcessingOrder() {
+ axios
+ .get(`/api/order/list/returned`, {
+ headers: { 'Access-Control-Allow-Origin': '*', Authorization: `Bearer ${token}` },
+ })
+ .then((res) => {
+ setReturnedOrdersData(res.data.data)
+ setLoading(false)
+ })
+ .catch((err) => {
+ console.log(err)
+ setLoading(false)
+ })
+ }
+ getProcessingOrder()
+ }, [])
+
+ useEffect(() => {
+ const loadData = () => {
+ const indexOfLastPost = currentPage * itemPerPage
+ const indexOfFirstPost = indexOfLastPost - itemPerPage
+ setShowData(returnedOrdersData.slice(indexOfFirstPost, indexOfLastPost))
+ }
+ loadData()
+ }, [currentPage, itemPerPage, returnedOrdersData])
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ Processing Orders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Order ID | +Parent Name | +Amount | +Placed On | +Status | +Actions | +
|---|---|---|---|---|---|
+ No Data Available+ |
+ |||||
| + Loading... + | +|||||
| {order.order_id} | +{order.parent.name} | +{order?.total_amount} | ++ {new Date(order?.placed_on).toLocaleString('en-IN', { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + })} + | ++ + {order?.status} + + | ++ + + + | +
+
+
+
+
+
+ Showing {currentPage * itemPerPage - itemPerPage + 1} to{' '}
+ {Math.min(currentPage * itemPerPage, processingOrdersData.length)} of{' '}
+ {processingOrdersData.length} entries
+
+
+
+
+
+ -
+
- + setCurrentPage((prev) => prev - 1)} + > + Previous + + + + {!(currentPage - 1 < 1) && ( +
- + setCurrentPage((prev) => prev - 1)} + > + {currentPage - 1} + + + )} + +
- + + {currentPage} + + + + {!( + (currentPage + 1) * itemPerPage - itemPerPage > + processingOrdersData.length - 1 + ) && ( +
- + { + setCurrentPage((prev) => prev + 1) + }} + > + {currentPage + 1} + + + )} + +
- + processingOrdersData.length - 1 + ) + ? 'paginate_button page-item next' + : 'paginate_button page-item next disabled' + } + > + setCurrentPage((prev) => prev + 1)} + > + Next + + +
+
+ )
+}
+
+export default ReturnedOrders
diff --git a/src/views/orders/ViewOrder.js b/src/views/orders/ViewOrder.js
new file mode 100644
index 0000000..06447f0
--- /dev/null
+++ b/src/views/orders/ViewOrder.js
@@ -0,0 +1,522 @@
+import React, { useState, useEffect, useRef } from 'react'
+import axios from 'axios'
+import { useNavigate, useParams } from 'react-router-dom'
+import QRCode from 'react-qr-code'
+import ReactToPrint from 'react-to-print'
+import { isAutheticated } from 'src/auth'
+
+import PrintOrderDetails from './PrintOrderDetails.js'
+
+function ViewOrder() {
+ const { status, id } = useParams()
+ const navigate = useNavigate()
+ const printOrderRef = useRef()
+ const token = isAutheticated()
+ const [orderData, setOrderData] = useState({})
+ const [loading, setLoading] = useState(true)
+ const [orderStatus, setOrderStatus] = useState('')
+ const [data, setData] = useState({
+ courier_name: '',
+ tracking_id: '',
+ })
+
+ useEffect(() => {
+ function getOrderDetails() {
+ setLoading(true)
+ axios
+ .get(`/api/order/${id}`, {
+ headers: { 'Access-Control-Allow-Origin': '*', Authorization: `Bearer ${token}` },
+ })
+ .then((res) => {
+ setLoading(false)
+ setOrderData(res.data.data)
+ })
+ .catch((err) => {
+ setLoading(false)
+ getBack()
+ })
+ }
+ getOrderDetails()
+ }, [])
+
+ const handleChange = (e) => {
+ if (e.target.type === 'text') {
+ setData((prev) => ({ ...prev, [e.target.id]: e.target.value }))
+ } else {
+ setOrderStatus(e.target.value)
+ }
+ }
+
+ function handleSubmit() {
+ if (orderStatus === '') return
+ if (orderData.status === 'processing') {
+ if (data.courier_name.trim() === '' || data.tracking_id.trim() === '') {
+ swal({
+ title: 'Warning',
+ text: 'Enter Courier Name And Tracking ID!',
+ icon: 'error',
+ button: 'Retry',
+ dangerMode: true,
+ })
+ return
+ }
+ }
+ setLoading(true)
+ axios
+ .patch(
+ `/api/order/${id}`,
+ { ...data, status: orderStatus },
+ {
+ headers: {
+ 'Access-Control-Allow-Origin': '*',
+ Authorization: `Bearer ${token}`,
+ },
+ },
+ )
+ .then((res) => {
+ swal({
+ title: 'Updated',
+ text: 'Order updated!',
+ icon: 'success',
+ button: 'Return',
+ })
+ setLoading(false)
+ getBack()
+ })
+ .catch((err) => {
+ setLoading(false)
+ swal({
+ title: 'Warning',
+ text: 'Something went wrong!',
+ icon: 'error',
+ button: 'Retry',
+ dangerMode: true,
+ })
+ })
+ }
+
+ function getBack() {
+ navigate(`/orders/${status}`, { replace: true })
+ }
+
+ return (
+ <>
+ {' '}
+
+
+
+
+
+
+
+
+
+
+
+ Returned Orders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Order ID | +Parent Name | +Amount | +Placed On | +Status | +Actions | +
|---|---|---|---|---|---|
+ No Data Available+ |
+ |||||
| + Loading... + | +|||||
| {order.order_id} | +{order.parent.name} | +{order?.total_amount} | ++ {new Date(order?.placed_on).toLocaleString('en-IN', { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + })} + | ++ + {order?.status} + + | ++ + + + | +
+
+
+
+
+
+ Showing {currentPage * itemPerPage - itemPerPage + 1} to{' '}
+ {Math.min(currentPage * itemPerPage, returnedOrdersData.length)} of{' '}
+ {returnedOrdersData.length} entries
+
+
+
+
+
+ -
+
- + setCurrentPage((prev) => prev - 1)} + > + Previous + + + + {!(currentPage - 1 < 1) && ( +
- + setCurrentPage((prev) => prev - 1)} + > + {currentPage - 1} + + + )} + +
- + + {currentPage} + + + + {!( + (currentPage + 1) * itemPerPage - itemPerPage > + returnedOrdersData.length - 1 + ) && ( +
- + { + setCurrentPage((prev) => prev + 1) + }} + > + {currentPage + 1} + + + )} + +
- + returnedOrdersData.length - 1 + ) + ? 'paginate_button page-item next' + : 'paginate_button page-item next disabled' + } + > + setCurrentPage((prev) => prev + 1)} + > + Next + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Order Details
+
+
+ {(orderData?.status === 'new' || orderData?.status === 'processing') && (
+ (
+
+ )}
+ content={() => printOrderRef.current}
+ />
+ )}
+
+ {orderData?.status !== 'cancelled' &&
+ orderData?.status !== 'returned' &&
+ orderData?.status !== 'delivered' && (
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {orderData?.items &&
+ orderData?.items?.length > 0 &&
+ orderData.items.map((e, i) => (
+
+
+
+
+ ))}
+
+
+
+ 
+
+
+
+ {e.product.name}
+
+
+
+
+ + SKU: {e.product?.sku} +
++ Variant: {e.variant.size} +
++ Quantity: {e.quantity} +
+
+ {' '}
+
+ + Price: Rs.{e.price} +
+ {e?.igst && ( ++ IGST: {e.igst}% +
+ )} + {e?.cgst && ( ++ CGST: {e.cgst}% +
+ )} + {e?.sgst && ( ++ SGST: {e.sgst}% +
+ )} ++ Total: Rs.{e.amount} +
++
+
+
+
+
+ {status !== 'cancelled' && status !== 'returned' && status !== 'delivered' && (
+
+
+
+
+
+ )}
+
+ {orderData?.order_id && (
+
+ {orderData.status === 'processing' && (
+ <>
+
+
+ )}
+ Order ID QR Code:
+
+
+
+
+
+
+
+
+
+ )}
+
+
+
+ {orderData?.address && (
+ <>
+
+
+
+
+
+
+
+ )}
+ {orderData?.courier_name && (
+
+
+
+ )}
+ {orderData?.tracking_id && (
+
+
+
+ )}
+ {/*
+
+
*/}
+
+
+
{' '}
+
+
+
+
+
+
+
+
+
+
+
+ | Order Placed On | +: | ++ {orderData?.status_timeline?.new + ? new Date(orderData?.status_timeline?.new).toLocaleString('en-IN', { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + }) + : new Date(orderData?.placed_on).toLocaleString('en-IN', { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + })} + | +
|---|---|---|
| Processing Started | +: | ++ {orderData?.status_timeline?.processing + ? new Date(orderData?.status_timeline?.processing).toLocaleString( + 'en-IN', + { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + }, + ) + : '-'} + | +
| Dispatched On | +: | ++ {orderData?.status_timeline?.dispatched + ? new Date(orderData?.status_timeline?.dispatched).toLocaleString( + 'en-IN', + { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + }, + ) + : '-'} + | +
| Delivered On | +: | ++ {orderData?.status_timeline?.delivered + ? new Date(orderData?.status_timeline?.delivered).toLocaleString( + 'en-IN', + { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + }, + ) + : '-'} + | +
| Cancelled On | +: | ++ {orderData?.status_timeline?.cancelled + ? new Date(orderData?.status_timeline?.cancelled).toLocaleString( + 'en-IN', + { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + }, + ) + : '-'} + | +
| Returned On | +: | ++ {orderData?.status_timeline?.returned + ? new Date(orderData?.status_timeline?.returned).toLocaleString( + 'en-IN', + { + month: 'short', + day: 'numeric', + year: 'numeric', + hour: '2-digit', + minute: 'numeric', + hour12: true, + }, + ) + : '-'} + | +
+
+
+ )
+}
+
+export default ViewOrder