From 06f513f4f698c725db6c776778d6e3534cb627d2 Mon Sep 17 00:00:00 2001
From: ROSHAN GARG <roshangarg28@gmail.com>
Date: Mon, 21 Oct 2024 11:06:47 +0530
Subject: [PATCH] rd address

---
 src/axios.js                              |  4 +--
 src/views/pages/cart/addressAndPayment.js | 39 ++++++++++++-----------
 src/views/pages/cart/cart.js              | 28 ++++++++++++++--
 3 files changed, 48 insertions(+), 23 deletions(-)

diff --git a/src/axios.js b/src/axios.js
index 7a8940a..caa51e0 100644
--- a/src/axios.js
+++ b/src/axios.js
@@ -1,11 +1,11 @@
 import axios from 'axios'
 
 const Axios = axios.create({
-  baseURL: 'http://localhost:5000/',
+  // baseURL: 'http://localhost:5000/',
   // baseURL: 'https://leadesh-whatsapp.onrender.com',
   // baseURL: "https://api.leadesh.com/",
   // baseURL: 'https://cheminova-api-2.onrender.com', // latest is this one
-  // baseURL: 'https://api.cnapp.co.in', // latest is this one
+  baseURL: 'https://api.cnapp.co.in', // latest is this one
 })
 
 export default Axios
diff --git a/src/views/pages/cart/addressAndPayment.js b/src/views/pages/cart/addressAndPayment.js
index 3d69674..af3e2af 100644
--- a/src/views/pages/cart/addressAndPayment.js
+++ b/src/views/pages/cart/addressAndPayment.js
@@ -13,6 +13,8 @@ import {
   FormHelperText,
 } from '@mui/material'
 import React, { useState } from 'react'
+import Axios from '../../../axios'
+import { isAutheticated } from '../../../auth'
 
 const AddressAndPayment = ({
   billTo,
@@ -22,9 +24,11 @@ const AddressAndPayment = ({
   paymentMode,
   setPaymentMode,
   handleTabChange,
+  address,
 }) => {
   const [billToError, setBillToError] = useState(false)
   const [shipToError, setShipToError] = useState(false)
+
   const [paymentModeError, setPaymentModeError] = useState(false)
 
   const handleReviewOrderClick = (e) => {
@@ -59,6 +63,10 @@ const AddressAndPayment = ({
       handleTabChange(e, 2)
     }
   }
+  const formatAddress = (address) => {
+    const { street, city, state, postalCode } = address
+    return `${street}, ${city}, ${state} - ${postalCode}`
+  }
 
   return (
     <div>
@@ -79,15 +87,12 @@ const AddressAndPayment = ({
                 label="Bill Address"
                 onChange={(e) => setBillTo(e.target.value)}
               >
-                <MenuItem value={'123, MG Road, Bengaluru, Karnataka - 560001'}>
-                  123, MG Road, Bengaluru, Karnataka - 560001
-                </MenuItem>
-                <MenuItem value={'456, Park Street, Kolkata, West Bengal - 700016'}>
-                  456, Park Street, Kolkata, West Bengal - 700016
-                </MenuItem>
-                <MenuItem value={'789, Connaught Place, New Delhi - 110001'}>
-                  789, Connaught Place, New Delhi - 110001
-                </MenuItem>
+                {address &&
+                  address.map((address) => (
+                    <MenuItem key={address._id} value={formatAddress(address)}>
+                      {formatAddress(address)}
+                    </MenuItem>
+                  ))}
               </Select>
               {billToError && <FormHelperText>Bill Address is required</FormHelperText>}
             </FormControl>
@@ -103,16 +108,14 @@ const AddressAndPayment = ({
                 label="Ship Address"
                 onChange={(e) => setShipTo(e.target.value)}
               >
-                <MenuItem value={'123, MG Road, Bengaluru, Karnataka - 560001'}>
-                  123, MG Road, Bengaluru, Karnataka - 560001
-                </MenuItem>
-                <MenuItem value={'456, Park Street, Kolkata, West Bengal - 700016'}>
-                  456, Park Street, Kolkata, West Bengal - 700016
-                </MenuItem>
-                <MenuItem value={'789, Connaught Place, New Delhi - 110001'}>
-                  789, Connaught Place, New Delhi - 110001
-                </MenuItem>
+                {address &&
+                  address.map((address) => (
+                    <MenuItem key={address._id} value={formatAddress(address)}>
+                      {formatAddress(address)}
+                    </MenuItem>
+                  ))}
               </Select>
+
               {shipToError && <FormHelperText>Ship Address is required</FormHelperText>}
             </FormControl>
           </Grid>
diff --git a/src/views/pages/cart/cart.js b/src/views/pages/cart/cart.js
index 5c01ce5..c9ddef4 100644
--- a/src/views/pages/cart/cart.js
+++ b/src/views/pages/cart/cart.js
@@ -20,6 +20,8 @@ import {
   selectCartItems,
   selectCartSubtotal,
 } from '../../../redux-store/CartStore/ducs'
+import { isAutheticated } from '../../../auth'
+import Axios from '../../../axios'
 
 const TabItem = ({ label, active, complete, onClick, reference, stepNumber }) => (
   <Box
@@ -107,11 +109,30 @@ const Cart = () => {
   const dispatch = useDispatch()
   const [paymentMode, setPaymentMode] = useState('')
   const cartItems = useSelector(selectCartItems)
-  const totalItemCount = useSelector(selectCartItemCount)
-  const cartSubtotal = useSelector(selectCartSubtotal)
+
+  const [address, setAddress] = useState([])
+  const token = isAutheticated()
   const [value, setValue] = useState(0)
+
+  const getAddress = async () => {
+    try {
+      const res = await Axios.get('/api/rd/shipping/address/', {
+        headers: {
+          'Access-Control-Allow-Origin': '*',
+          Authorization: `Bearer ${token}`,
+          'Content-Type': 'application/json',
+        },
+      })
+      console.log(res)
+      setAddress(res?.data?.UserShippingAddress)
+    } catch (error) {
+      console.log(error)
+    }
+  }
+  useEffect(() => {
+    getAddress()
+  }, [])
   const handleTabChange = (event, newValue) => {
-    console.log(newValue)
     if (value === 3 && newValue !== 3) {
       setPaymentMode('')
       setBillTo('')
@@ -217,6 +238,7 @@ const Cart = () => {
             paymentMode={paymentMode}
             setPaymentMode={setPaymentMode}
             handleTabChange={handleTabChange}
+            address={address}
           />
         </Box>
       )}