\r\n \r\n {userContext && userContext.id ? (\r\n \r\n {\r\n history.push(\"/profile\");\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n - \r\n
- \r\n
\r\n \r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {props.children}\r\n \r\n \r\n \r\n
\r\n {routes}
\r\n Please check your email for further instructions
\r\n![\"email-sent\"](\"/images/email-sent.png\")
\r\n \r\n \r\n \r\n {sentStatus ? \r\n
\r\n );\r\n}\r\n","import React, { useState, useRef } from \"react\";\r\nimport { Grid, TextField, Button } from \"@material-ui/core\";\r\nimport { useHistory } from \"react-router\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport queryString from \"query-string\";\r\nimport apiService from \"../../services/api.service\";\r\nimport Collapse from \"@material-ui/core/Collapse\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\n\r\nexport default function ResetPassword({ match, location }) {\r\n const [password1, setPassword1] = useState(\"\");\r\n const [password2, setPassword2] = useState(\"\");\r\n const [successAlertOpen, setSuccessAlertOpen] = useState(true);\r\n const [errorAlertOpen, setErrorAlertOpen] = useState(true);\r\n const [alertErrorMessage, setAlertErrorMessage] = useState(true);\r\n const [actionResult, setActionResult] = useState(\"\");\r\n const [displayError, setDisplayError] = useState(false);\r\n const inputRef = useRef();\r\n const history = useHistory();\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: theme.spacing(3, 2),\r\n height: \"90vh\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n },\r\n alert: {\r\n margin: theme.spacing(1),\r\n },\r\n title: {\r\n fontStyle: \"italic\",\r\n },\r\n buttons: {\r\n margin: theme.spacing(1),\r\n },\r\n }));\r\n\r\n const classes = useStyles();\r\n const parsedqs = queryString.parse(location.search);\r\n\r\n const handleSubmit = (event) => {\r\n event.preventDefault();\r\n if((password1.length < 1 && password2.length < 1) || password1 !== password2)\r\n {\r\n setDisplayError(true);\r\n }\r\n else\r\n {\r\n setDisplayError(false);\r\n \r\n apiService.resetPassword(password1, parsedqs.email, parsedqs.code,).then((result) => {\r\n if (result === \"success\") {\r\n setSuccessAlertOpen(true);\r\n setActionResult(\"success\");\r\n setTimeout(() => {\r\n history.push(\"/login\");\r\n },3000)\r\n } else {\r\n if(result)\r\n setAlertErrorMessage(result.join(\", \"));\r\n else\r\n setAlertErrorMessage(\"Failed request\");\r\n setErrorAlertOpen(true);\r\n setActionResult(\"failed\");\r\n }\r\n })\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","// confirmemail\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Alert from \"@material-ui/lab/Alert\";\r\nimport queryString from \"query-string\";\r\nimport apiService from \"../../services/api.service\";\r\nimport { useHistory } from 'react-router'\r\n\r\nexport default function ConfirmEmail({ match, location }) {\r\n const [confirmResult, setConfirmResult] = useState(false);\r\n const parsedqs = queryString.parse(location.search);\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n apiService.confirmEmail(parsedqs.email, parsedqs.code).then(() => {\r\n setConfirmResult(true);\r\n }).catch((error) => {\r\n setConfirmResult(false);\r\n })\r\n },[parsedqs.email, parsedqs.code])\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n },\r\n alert: {\r\n margin: theme.spacing(1),\r\n },\r\n }));\r\n\r\n const handleClick = (event) =>\r\n {\r\n history.push(\"/login\");\r\n }\r\n\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n {confirmResult ? (\r\n \r\n Login\r\n }\r\n >\r\n Your email is confirm, go to the login page and login.\r\n \r\n ) : (\r\n \r\n The email confirmation failed, please contact support\r\n \r\n )}\r\n \r\n
\r\n );\r\n}\r\n\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(\r\n