From 3bb5473ce4cabfa5545e5d0b0b73a9d74d67a0b9 Mon Sep 17 00:00:00 2001
From: ROSHAN GARG <roshangarg28@gmail.com>
Date: Fri, 30 Aug 2024 16:34:24 +0530
Subject: [PATCH] order processing done

---
 src/views/orders/OrderDetails.js          | 47 ++++++++++++++++++-----
 src/views/pages/cart/orderConfirmation.js | 35 ++++++++++++++---
 src/views/pages/cart/reviewOrder.js       | 11 ++++--
 3 files changed, 75 insertions(+), 18 deletions(-)

diff --git a/src/views/orders/OrderDetails.js b/src/views/orders/OrderDetails.js
index f01c948..2663442 100644
--- a/src/views/orders/OrderDetails.js
+++ b/src/views/orders/OrderDetails.js
@@ -15,18 +15,36 @@ import {
 import axios from 'axios' // Make sure you have axios installed
 import { useNavigate, useParams } from 'react-router-dom'
 import Axios from '../../axios'
+import { isAutheticated } from '../../auth'
 
 const OrderDetails = () => {
   const [order, setOrder] = useState(null)
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState(null)
+  const token = isAutheticated()
   const navigate = useNavigate()
   const { id } = useParams() // Assuming order ID is passed as a route parameter
+  const [ownerDetails, setOwnerDetails] = useState()
 
+  const getData = async () => {
+    let res = await Axios.get(`/api/v1/user/details`, {
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    })
+    if (res.data.success) {
+      setOwnerDetails({ ...res.data.user })
+    }
+  }
+  console.log('order', order)
   useEffect(() => {
     const fetchOrderDetails = async () => {
       try {
-        const response = await Axios.get(`/api/get-single-placed-order-pd/${id}`) // Adjust API endpoint as needed
+        const response = await Axios.get(`/api/get-single-placed-order-pd/${id}`, {
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        }) // Adjust API endpoint as needed
         setOrder(response.data.singleOrder)
         console.log(response)
         setLoading(false)
@@ -35,7 +53,7 @@ const OrderDetails = () => {
         setLoading(false)
       }
     }
-
+    getData()
     fetchOrderDetails()
   }, [id])
 
@@ -96,6 +114,11 @@ const OrderDetails = () => {
               Payment Mode: <strong>{paymentMode}</strong>
             </Typography>
           </Grid>
+          <Grid item sm={12} md={12} lg={12}>
+            <Typography variant="h5" sx={{ mb: '0.5rem' }}>
+              SBU: <strong>{ownerDetails?.SBU}</strong>
+            </Typography>
+          </Grid>
         </Grid>
       </Box>
 
@@ -113,6 +136,8 @@ const OrderDetails = () => {
                   <TableHead>
                     <TableRow>
                       <TableCell>Product</TableCell>
+                      <TableCell>Category</TableCell>
+                      <TableCell>Brand</TableCell>
                       <TableCell>SKU</TableCell>
                       <TableCell>Quantity</TableCell>
                       <TableCell>Price</TableCell>
@@ -122,7 +147,7 @@ const OrderDetails = () => {
                   </TableHead>
                   <TableBody>
                     {order.orderItem.map((row, index) => {
-                      const gstAmount = (row.productId.price * row.productId.GST) / 100
+                      const gstAmount = (row.price * row.GST) / 100
                       return (
                         <TableRow
                           key={index}
@@ -131,32 +156,34 @@ const OrderDetails = () => {
                           <TableCell>
                             <Box sx={{ display: 'flex' }}>
                               <Box>
-                                <Typography fontWeight={600}>{row.productId.name}</Typography>
+                                <Typography fontWeight={600}>{row.name}</Typography>
                               </Box>
                             </Box>
                           </TableCell>
-                          <TableCell>{row.productId.SKU}</TableCell>
+                          <TableCell>{row.categoryName}</TableCell>
+                          <TableCell>{row.brandName}</TableCell>
+                          <TableCell>{row.SKU}</TableCell>
                           <TableCell>{row.quantity}</TableCell>
-                          <TableCell>₹{row.productId.price}</TableCell>
+                          <TableCell>₹{row.price}</TableCell>
                           <TableCell>₹{gstAmount}</TableCell>
-                          <TableCell>₹{row.productId.price * row.quantity}</TableCell>
+                          <TableCell>₹{row.price * row.quantity}</TableCell>
                         </TableRow>
                       )
                     })}
                     <TableRow>
-                      <TableCell colSpan={5} />
+                      <TableCell colSpan={7} />
                       <TableCell>
                         Subtotal:<strong> ₹ {subtotal}</strong>
                       </TableCell>
                     </TableRow>
                     <TableRow>
-                      <TableCell colSpan={5} />
+                      <TableCell colSpan={7} />
                       <TableCell>
                         Total GST:<strong> ₹ {gstTotal} </strong>
                       </TableCell>
                     </TableRow>
                     <TableRow>
-                      <TableCell colSpan={5} />
+                      <TableCell colSpan={7} />
                       <TableCell>
                         Grand Total: <strong> ₹ {grandTotal}</strong>
                       </TableCell>
diff --git a/src/views/pages/cart/orderConfirmation.js b/src/views/pages/cart/orderConfirmation.js
index bcda06f..1a42d24 100644
--- a/src/views/pages/cart/orderConfirmation.js
+++ b/src/views/pages/cart/orderConfirmation.js
@@ -11,13 +11,29 @@ import {
   TableRow,
   Typography,
 } from '@mui/material'
-import React from 'react'
+import React, { useEffect, useState } from 'react'
 import { useSelector } from 'react-redux'
 import { selectCartSubtotal } from '../../../redux-store/CartStore/ducs'
+import { isAutheticated } from '../../../auth'
+import Axios from '../../../axios'
 
 const OrderConfirmation = ({ orderId, billTo, shipTo, paymentMode, cartItem }) => {
   const subtotal = useSelector(selectCartSubtotal)
-
+  const [ownerDetails, setOwnerDetails] = useState()
+  const token = isAutheticated()
+  const getData = async () => {
+    let res = await Axios.get(`/api/v1/user/details`, {
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    })
+    if (res.data.success) {
+      setOwnerDetails({ ...res.data.user })
+    }
+  }
+  useEffect(() => {
+    getData()
+  }, [])
   // Calculate total GST for the entire cart
   const totalGST = cartItem.reduce((acc, item) => {
     // console.log(item)
@@ -49,6 +65,11 @@ const OrderConfirmation = ({ orderId, billTo, shipTo, paymentMode, cartItem }) =
               Payment mode : <strong>{paymentMode}</strong>
             </Typography>
           </Grid>
+          <Grid item sm={12} md={12} lg={12}>
+            <Typography variant="h5" sx={{ mb: '0.5rem' }}>
+              SBU: <strong>{ownerDetails?.SBU}</strong>
+            </Typography>
+          </Grid>
         </Grid>
       </Box>
 
@@ -65,6 +86,8 @@ const OrderConfirmation = ({ orderId, billTo, shipTo, paymentMode, cartItem }) =
                   <TableHead>
                     <TableRow>
                       <TableCell>Product</TableCell>
+                      <TableCell>Category</TableCell>
+                      <TableCell>Brand</TableCell>
                       <TableCell>SKU</TableCell>
                       <TableCell>Quantity</TableCell>
                       <TableCell>Price</TableCell>
@@ -93,6 +116,8 @@ const OrderConfirmation = ({ orderId, billTo, shipTo, paymentMode, cartItem }) =
                               </Box>
                             </Box>
                           </TableCell>
+                          <TableCell>{row.category.categoryName}</TableCell>
+                          <TableCell>{row.brand.brandName}</TableCell>
                           <TableCell>{row.SKU}</TableCell>
                           <TableCell>{row.count}</TableCell>
                           <TableCell>₹{row.price}</TableCell>
@@ -102,20 +127,20 @@ const OrderConfirmation = ({ orderId, billTo, shipTo, paymentMode, cartItem }) =
                       )
                     })}
                     <TableRow>
-                      <TableCell colSpan={5} />
+                      <TableCell colSpan={7} />
                       <TableCell>
                         Subtotal:<strong> ₹ {subtotal}</strong>
                       </TableCell>
                     </TableRow>
                     <TableRow>
-                      <TableCell colSpan={5} />
+                      <TableCell colSpan={7} />
                       <TableCell>
                         Total GST:<strong> ₹ {totalGST} </strong>
                       </TableCell>
                     </TableRow>
 
                     <TableRow>
-                      <TableCell colSpan={5} />
+                      <TableCell colSpan={7} />
                       <TableCell>
                         Grand Total: <strong> ₹ {subtotal + totalGST}</strong>
                       </TableCell>
diff --git a/src/views/pages/cart/reviewOrder.js b/src/views/pages/cart/reviewOrder.js
index 9b2c6d5..4ec0243 100644
--- a/src/views/pages/cart/reviewOrder.js
+++ b/src/views/pages/cart/reviewOrder.js
@@ -77,6 +77,7 @@ const ReviewOrder = ({
       Swal.fire('Something went wrong', error.message, 'error')
     }
   }
+  console.log('cartitems', cartItem)
   return (
     <Box>
       <Box sx={{ my: '2rem', background: '#fff', padding: '1rem', borderRadius: '0.8rem' }}>
@@ -114,6 +115,8 @@ const ReviewOrder = ({
                   <TableHead>
                     <TableRow>
                       <TableCell>Product</TableCell>
+                      <TableCell>Category</TableCell>
+                      <TableCell>Brand </TableCell>
                       <TableCell>SKU</TableCell>
                       <TableCell>Quantity</TableCell>
                       <TableCell>Price</TableCell>
@@ -142,6 +145,8 @@ const ReviewOrder = ({
                               </Box>
                             </Box>
                           </TableCell>
+                          <TableCell>{row.category.categoryName}</TableCell>
+                          <TableCell>{row.brand.brandName}</TableCell>
                           <TableCell>{row.SKU}</TableCell>
                           <TableCell>{row.count}</TableCell>
                           <TableCell>₹{row.price}</TableCell>
@@ -151,20 +156,20 @@ const ReviewOrder = ({
                       )
                     })}
                     <TableRow>
-                      <TableCell colSpan={5} />
+                      <TableCell colSpan={7} />
                       <TableCell>
                         Subtotal:<strong> ₹ {subtotal}</strong>
                       </TableCell>
                     </TableRow>
                     <TableRow>
-                      <TableCell colSpan={5} />
+                      <TableCell colSpan={7} />
                       <TableCell>
                         Total GST:<strong> ₹ {totalGST} </strong>
                       </TableCell>
                     </TableRow>
 
                     <TableRow>
-                      <TableCell colSpan={5} />
+                      <TableCell colSpan={7} />
                       <TableCell>
                         Grand Total: <strong> ₹ {subtotal + totalGST}</strong>
                       </TableCell>