diff --git a/package-lock.json b/package-lock.json index c99ec7fbe0c8187cb0630a39515e509b5549702a..f4d6a8da5f309f3313fd7115f3d6d35f3eb274ba 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15288,6 +15288,11 @@ "workbox-webpack-plugin": "5.1.4" } }, + "react-toast": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/react-toast/-/react-toast-1.0.1.tgz", + "integrity": "sha512-xqkO5ZJiJDOLxycZts7xi729blKw4frhg2I4bcIjT7mVlshxu0AsaHlKAdPhVeACAnn8nnamxg6zoYoC9BEjjg==" + }, "read-pkg": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz", @@ -15917,6 +15922,45 @@ } } }, + "router": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/router/-/router-1.3.5.tgz", + "integrity": "sha512-kozCJZUhuSJ5VcLhSb3F8fsmGXy+8HaDbKCAerR1G6tq3mnMZFMuSohbFvGv1c5oMFipijDjRZuuN/Sq5nMf3g==", + "requires": { + "array-flatten": "3.0.0", + "debug": "2.6.9", + "methods": "~1.1.2", + "parseurl": "~1.3.3", + "path-to-regexp": "0.1.7", + "setprototypeof": "1.2.0", + "utils-merge": "1.0.1" + }, + "dependencies": { + "array-flatten": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-3.0.0.tgz", + "integrity": "sha512-zPMVc3ZYlGLNk4mpK1NzP2wg0ml9t7fUgDsayR5Y5rSzxQilzR9FGu/EH2jQOcKSAeAfWeylyW8juy3OkWRvNA==" + }, + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" + }, + "setprototypeof": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==" + } + } + }, "rsvp": { "version": "4.8.5", "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-4.8.5.tgz", diff --git a/package.json b/package.json index 18b18478e6cf1137df3d2908d427b6aa215c9916..d5e39d17d0dd274839178b63ad11fc7b0ef19f75 100644 --- a/package.json +++ b/package.json @@ -18,9 +18,11 @@ "react-hot-toast": "^1.0.2", "react-redux": "^7.2.3", "react-scripts": "4.0.3", + "react-toast": "^1.0.1", "redux": "^4.0.5", "redux-persist": "^6.0.0", "redux-thunk": "^2.3.0", + "router": "^1.3.5", "tailwindcss": "^2.0.3", "web-vitals": "^1.1.0" }, diff --git a/src/components/Registrasi/Register.js b/src/components/Registrasi/Register.js index 1389f5c4cb28070ed0c839bbf35769dc5b79e06e..9873e626e4a6994ab390bbe811e4020ba5057edc 100644 --- a/src/components/Registrasi/Register.js +++ b/src/components/Registrasi/Register.js @@ -1,4 +1,3 @@ -/* eslint-disable no-useless-escape */ import React, {useState, useRef, useEffect} from 'react' import JustikaLogo from '../../assets/justika-logo.svg' import IndonesianFlag from '../../assets/indonesian-flag.svg' @@ -14,7 +13,10 @@ import {isLoggedIn} from '../../store/auth/authSlice' import {useSelector} from 'react-redux' const Register = () => { - const {register, handleSubmit, watch, errors} = useForm() + const {register, handleSubmit, watch, errors} = useForm({ + mode: 'onChange', + reValidateMode: 'onChange', + }) const [maskPassword, setMaskPassword] = useState(true) const [maskConfirmPassword, setMaskConfirmPassword] = useState(true) const password = useRef() @@ -28,6 +30,9 @@ const Register = () => { }, [loggedIn]) const onSubmit = (data) => { + if(data["phone_number"].substring(0, 2) === "08") { + data["phone_number"] = data["phone_number"].substring(1) + } axios .post(`${BASE_URL.API_BASE_URL}/api/v1/auth/register/`, data) .then(() => { @@ -81,7 +86,7 @@ const Register = () => {

-
+