173 lines
6.3 KiB
JavaScript
173 lines
6.3 KiB
JavaScript
import React, { useEffect, useState } from 'react'
|
|
import Button from '@material-ui/core/Button'
|
|
import { Link, useParams, useNavigate } from 'react-router-dom'
|
|
|
|
import swal from 'sweetalert'
|
|
import axios from 'axios'
|
|
import { isAutheticated } from 'src/auth'
|
|
|
|
|
|
const AddCity = () => {
|
|
const token = isAutheticated();
|
|
const navigate = useNavigate()
|
|
const [data, setData] = useState({
|
|
purpose: '',
|
|
|
|
|
|
})
|
|
const [loading, setLoading] = useState(false)
|
|
|
|
|
|
const handleChange = (e) => {
|
|
setData((prev) => ({ ...prev, [e.target.id]: e.target.value }))
|
|
}
|
|
|
|
const handleSubmit = () => {
|
|
if (data.purpose.trim() === '') {
|
|
swal({
|
|
title: 'Warning',
|
|
text: 'Fill all mandatory fields',
|
|
icon: 'error',
|
|
button: 'Close',
|
|
dangerMode: true,
|
|
})
|
|
return
|
|
}
|
|
setLoading(true)
|
|
axios
|
|
.post(`/api/purpose`, data, {
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*',
|
|
Authorization: `Bearer ${token}`,
|
|
},
|
|
})
|
|
.then((res) => {
|
|
swal({
|
|
title: 'Added',
|
|
text: 'Purpose added successfully!',
|
|
icon: 'success',
|
|
button: 'Return',
|
|
})
|
|
setLoading(false)
|
|
navigate('/purpose', { replace: true })
|
|
})
|
|
.catch((err) => {
|
|
setLoading(false)
|
|
|
|
swal({
|
|
title: 'Warning',
|
|
text: 'Something went wrong!',
|
|
icon: 'error',
|
|
button: 'Retry',
|
|
dangerMode: true
|
|
})
|
|
})
|
|
}
|
|
|
|
return (
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-12">
|
|
<div
|
|
className="
|
|
page-title-box
|
|
d-flex
|
|
align-items-center
|
|
justify-content-between
|
|
"
|
|
>
|
|
<div style={{ fontSize: '22px' }} className="fw-bold">
|
|
Add Perpose
|
|
</div>
|
|
<div style={{ display: 'flex', gap: '1rem' }}>
|
|
<h4 className="mb-0"></h4>
|
|
</div>
|
|
|
|
<div className="page-title-right">
|
|
<Button
|
|
variant="contained"
|
|
color="primary"
|
|
style={{
|
|
fontWeight: 'bold',
|
|
marginBottom: '1rem',
|
|
textTransform: 'capitalize',
|
|
marginRight: '5px',
|
|
}}
|
|
onClick={() => handleSubmit()}
|
|
disabled={loading}
|
|
>
|
|
{loading ? 'Loading' : 'Save'}
|
|
</Button>
|
|
<Link to="/purpose">
|
|
<Button
|
|
variant="contained"
|
|
color="secondary"
|
|
style={{
|
|
fontWeight: 'bold',
|
|
marginBottom: '1rem',
|
|
textTransform: 'capitalize',
|
|
}}
|
|
>
|
|
Back
|
|
</Button>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="row">
|
|
<div className="col-8 mx-auto">
|
|
<div className="card h-100">
|
|
<div className="card-body px-5">
|
|
<div className="mb-3">
|
|
<label htmlFor="purpose" className="form-label">
|
|
Purpose *
|
|
</label>
|
|
<input
|
|
type="text"
|
|
className="form-control"
|
|
id="purpose"
|
|
value={data.purpose}
|
|
maxLength="60"
|
|
onChange={(e) => handleChange(e)}
|
|
/>
|
|
<p className="pt-1 pl-2 text-secondary">
|
|
Remaining characters : {50 - data.purpose.length}
|
|
</p>
|
|
</div>
|
|
{/* <div className="mb-3">
|
|
<label htmlFor="purpose" className="form-label">
|
|
State Name*
|
|
</label>
|
|
<select
|
|
onChange={(e) => handleChange(e)}
|
|
value={data.state}
|
|
className="form-control"
|
|
id="state"
|
|
>
|
|
<option value="">---select---</option>
|
|
{statesData[0] ? (
|
|
statesData.map((c, i) => (
|
|
<option key={i} value={c._id}>
|
|
{c.state_name}
|
|
</option>
|
|
))
|
|
) : (
|
|
<option value="" disabled>
|
|
Please add a City
|
|
</option>
|
|
)}
|
|
</select>
|
|
</div> */}
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default AddCity
|