rd address
Some checks failed
NPM Installation / build (16.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (16.x, windows-latest) (push) Has been cancelled
NPM Installation / build (17.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (17.x, windows-latest) (push) Has been cancelled
NPM Installation / build (18.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (18.x, windows-latest) (push) Has been cancelled

This commit is contained in:
ROSHAN GARG 2024-10-21 11:06:47 +05:30
parent 59eedaf102
commit 06f513f4f6
3 changed files with 48 additions and 23 deletions

View File

@ -1,11 +1,11 @@
import axios from 'axios' import axios from 'axios'
const Axios = axios.create({ const Axios = axios.create({
baseURL: 'http://localhost:5000/', // baseURL: 'http://localhost:5000/',
// baseURL: 'https://leadesh-whatsapp.onrender.com', // baseURL: 'https://leadesh-whatsapp.onrender.com',
// baseURL: "https://api.leadesh.com/", // baseURL: "https://api.leadesh.com/",
// baseURL: 'https://cheminova-api-2.onrender.com', // latest is this one // 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 export default Axios

View File

@ -13,6 +13,8 @@ import {
FormHelperText, FormHelperText,
} from '@mui/material' } from '@mui/material'
import React, { useState } from 'react' import React, { useState } from 'react'
import Axios from '../../../axios'
import { isAutheticated } from '../../../auth'
const AddressAndPayment = ({ const AddressAndPayment = ({
billTo, billTo,
@ -22,9 +24,11 @@ const AddressAndPayment = ({
paymentMode, paymentMode,
setPaymentMode, setPaymentMode,
handleTabChange, handleTabChange,
address,
}) => { }) => {
const [billToError, setBillToError] = useState(false) const [billToError, setBillToError] = useState(false)
const [shipToError, setShipToError] = useState(false) const [shipToError, setShipToError] = useState(false)
const [paymentModeError, setPaymentModeError] = useState(false) const [paymentModeError, setPaymentModeError] = useState(false)
const handleReviewOrderClick = (e) => { const handleReviewOrderClick = (e) => {
@ -59,6 +63,10 @@ const AddressAndPayment = ({
handleTabChange(e, 2) handleTabChange(e, 2)
} }
} }
const formatAddress = (address) => {
const { street, city, state, postalCode } = address
return `${street}, ${city}, ${state} - ${postalCode}`
}
return ( return (
<div> <div>
@ -79,15 +87,12 @@ const AddressAndPayment = ({
label="Bill Address" label="Bill Address"
onChange={(e) => setBillTo(e.target.value)} onChange={(e) => setBillTo(e.target.value)}
> >
<MenuItem value={'123, MG Road, Bengaluru, Karnataka - 560001'}> {address &&
123, MG Road, Bengaluru, Karnataka - 560001 address.map((address) => (
</MenuItem> <MenuItem key={address._id} value={formatAddress(address)}>
<MenuItem value={'456, Park Street, Kolkata, West Bengal - 700016'}> {formatAddress(address)}
456, Park Street, Kolkata, West Bengal - 700016 </MenuItem>
</MenuItem> ))}
<MenuItem value={'789, Connaught Place, New Delhi - 110001'}>
789, Connaught Place, New Delhi - 110001
</MenuItem>
</Select> </Select>
{billToError && <FormHelperText>Bill Address is required</FormHelperText>} {billToError && <FormHelperText>Bill Address is required</FormHelperText>}
</FormControl> </FormControl>
@ -103,16 +108,14 @@ const AddressAndPayment = ({
label="Ship Address" label="Ship Address"
onChange={(e) => setShipTo(e.target.value)} onChange={(e) => setShipTo(e.target.value)}
> >
<MenuItem value={'123, MG Road, Bengaluru, Karnataka - 560001'}> {address &&
123, MG Road, Bengaluru, Karnataka - 560001 address.map((address) => (
</MenuItem> <MenuItem key={address._id} value={formatAddress(address)}>
<MenuItem value={'456, Park Street, Kolkata, West Bengal - 700016'}> {formatAddress(address)}
456, Park Street, Kolkata, West Bengal - 700016 </MenuItem>
</MenuItem> ))}
<MenuItem value={'789, Connaught Place, New Delhi - 110001'}>
789, Connaught Place, New Delhi - 110001
</MenuItem>
</Select> </Select>
{shipToError && <FormHelperText>Ship Address is required</FormHelperText>} {shipToError && <FormHelperText>Ship Address is required</FormHelperText>}
</FormControl> </FormControl>
</Grid> </Grid>

View File

@ -20,6 +20,8 @@ import {
selectCartItems, selectCartItems,
selectCartSubtotal, selectCartSubtotal,
} from '../../../redux-store/CartStore/ducs' } from '../../../redux-store/CartStore/ducs'
import { isAutheticated } from '../../../auth'
import Axios from '../../../axios'
const TabItem = ({ label, active, complete, onClick, reference, stepNumber }) => ( const TabItem = ({ label, active, complete, onClick, reference, stepNumber }) => (
<Box <Box
@ -107,11 +109,30 @@ const Cart = () => {
const dispatch = useDispatch() const dispatch = useDispatch()
const [paymentMode, setPaymentMode] = useState('') const [paymentMode, setPaymentMode] = useState('')
const cartItems = useSelector(selectCartItems) 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 [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) => { const handleTabChange = (event, newValue) => {
console.log(newValue)
if (value === 3 && newValue !== 3) { if (value === 3 && newValue !== 3) {
setPaymentMode('') setPaymentMode('')
setBillTo('') setBillTo('')
@ -217,6 +238,7 @@ const Cart = () => {
paymentMode={paymentMode} paymentMode={paymentMode}
setPaymentMode={setPaymentMode} setPaymentMode={setPaymentMode}
handleTabChange={handleTabChange} handleTabChange={handleTabChange}
address={address}
/> />
</Box> </Box>
)} )}