MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

adding complete registration endpoint started

Browse Source
This commit is contained in:
victorAnumudu
2025-01-07 23:48:56 +01:00
parent 5b0f79bba5
commit e15fa4ddd0
2 changed files with 40 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/CSignup.jsx
+32 -17
View File
@@ -5,7 +5,7 @@ import * as Yup from "yup";
import { Link, useNavigate, useParams } from 'react-router-dom' import { Link, useNavigate, useParams } from 'react-router-dom'
import siteLinks from '../../links/siteLinks' import siteLinks from '../../links/siteLinks'
import { useMutation } from '@tanstack/react-query'; import { useMutation } from '@tanstack/react-query';
import { verifyEmail } from '../../services/services'; import { completeRegistration, verifyEmail } from '../../services/services';
import { IoMdArrowDropdown } from "react-icons/io"; import { IoMdArrowDropdown } from "react-icons/io";
@@ -31,34 +31,48 @@ export default function CSignup() {
const navigate = useNavigate() const navigate = useNavigate()
const [user, setUser] = useState(null)
// API to verify email link // API to verify email link
const verifyLink = useMutation({ const verifyLink = useMutation({
mutationFn: (fields) => { mutationFn: (fields) => {
return verifyEmail(fields) return verifyEmail(fields)
}, },
onSuccess: (res) => { onSuccess: (res) => {
console.log('res', res) setUser(res.data)
}, },
onError: (err) => { // onError: (err) => {
console.log('err', err) // console.log('err', err)
} // }
}) })
const cSignup = useMutation({ const cSignup = useMutation({
mutationFn: (fields) => { mutationFn: (fields) => {
return null return completeRegistration(fields)
}, },
onSuccess: (res) => { onSuccess: (res) => {
console.log('res', res) const {token, room} = res?.data?.data
}, if(token){
onError: (err) => { localStorage.setItem('token', token)
console.log('err', err) localStorage.setItem('room', room)
// const data = {token}
// dispatch(updateUserDetails({ ...data }));
navigate('/dash') // later add redux to dispatch state
}
} }
// onError: (err) => {
// console.log('err', err)
// }
}) })
const completeSignup = (values) => { const completeSignup = (values) => {
// cSignup() let reqData = {
console.log('values', values) country : values.country,
username: values.username,
password: values.password,
verify_link: user.verify_link
}
cSignup.mutate(reqData)
} }
useEffect(()=>{ useEffect(()=>{
@@ -106,21 +120,22 @@ export default function CSignup() {
<> <>
<div className="col-12"> <div className="col-12">
<div className="form-group"> <div className="form-group">
<label className={`text-black fw-bold control-label`}>Email:</label> <label className={`text-black fw-bold control-label`}>Email: {user?.user?.email}</label>
{/* <input type="text" name='firstname' className="form-control" placeholder="First Name" value={props.values.firstname} onChange={props.handleChange} /> */} {/* <input type="text" name='firstname' className="form-control" placeholder="First Name" value={props.values.firstname} onChange={props.handleChange} /> */}
</div> </div>
</div> </div>
<div className="col-12"> <div className="col-12">
<div class="form-group" data-select2-id="7"> <div className="form-group" data-select2-id="7">
<label className={`text-black fw-bold control-label ${(props.errors.country && props.touched.country) && 'text-danger'}`}>Country*</label> <label className={`text-black fw-bold control-label ${(props.errors.country && props.touched.country) && 'text-danger'}`}>Country*</label>
<div className='position-relative'> <div className='position-relative'>
<select class="js-basic-single form-control select2-hidden-accessible" name="country" data-select2-id="1" tabindex="-1" aria-hidden="true" value={props.values.country} onChange={props.handleChange}> <select className="js-basic-single form-control select2-hidden-accessible" name="country" data-select2-id="1" tabIndex="-1" aria-hidden="true" value={props.values.country} onChange={props.handleChange}>
<option value="" data-select2-id="3">Select</option> <option value="" data-select2-id="3">Select</option>
<option value="AK" data-select2-id="3">Alaska</option> {user?.country?.list && user?.country?.list?.map(item => (
<option key={item.code} value={item.code} data-select2-id="3">{item?.description}</option>
))}
</select> </select>
<IoMdArrowDropdown className='position-absolute w-auto' style={{top: '50%', right: '2px', transform: 'translateY(-50%)'}} /> <IoMdArrowDropdown className='position-absolute w-auto' style={{top: '50%', right: '2px', transform: 'translateY(-50%)'}} />
</div> </div>
{/* <span class="select2 select2-container select2-container--default select2-container--below select2-container--focus" dir="ltr" data-select2-id="2" style="width: 1570px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-state-g2-container"><span class="select2-selection__rendered" id="select2-state-g2-container" role="textbox" aria-readonly="true" title="Alaska">Alaska</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span> */}
</div> </div>
</div> </div>
<div className="col-12"> <div className="col-12">
src/services/services.js
+8
View File
@@ -66,6 +66,14 @@ export const verifyEmail = (reqData) => {
return postAuxEnd('/panel/auth/register/verify', postData, false) return postAuxEnd('/panel/auth/register/verify', postData, false)
} }
// FUNCTION TO COMPLETE REGISTRATION
export const completeRegistration = (reqData) => {
let postData = {
...reqData
}
return postAuxEnd('/panel/auth/register/complete', postData, false)
}
// FUNCTION TO SUBSCRIBE // FUNCTION TO SUBSCRIBE
export const subscribe = (reqData) => { export const subscribe = (reqData) => {
let postData = { let postData = {