s444498/gonito-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

correct logic of login and register without accept privacy policy

Browse Source
This commit is contained in:
Mateusz Tylka 2023-02-14 14:44:16 +01:00
parent 935a09abe9
commit d201d30688
3 changed files with 54 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/App.js
View File

@ -113,6 +113,24 @@ const App = () => {
<PolicyPrivacy popUpMessageHandler={popUpMessageHandler} />
}
/>
<Route
path={`${POLICY_PRIVACY_PAGE}/login`}
element={
<PolicyPrivacy
popUpMessageHandler={popUpMessageHandler}
beforeLogin
/>
}
/>
<Route
path={`${POLICY_PRIVACY_PAGE}/register`}
element={
<PolicyPrivacy
popUpMessageHandler={popUpMessageHandler}
beforeRegister
/>
}
/>
{KeyCloakService.isLoggedIn() ? (
<>
<Route exact path="/" element={<Challenges />} />

68
src/pages/PolicyPrivacy.js
View File

@ -4,9 +4,7 @@ import styled from 'styled-components';
import { Body, H1, H2, Medium } from '../utils/fonts';
import CircleNumber from '../components/generic/CircleNumber';
import Button from '../components/generic/Button';
import theme from '../utils/theme';
import KeyCloakService from '../services/KeyCloakService';
import { ROOT_URL } from '../utils/globals';
const PolicyPrivacyStyle = styled(FlexColumn)`
justify-content: flex-start;
@ -41,10 +39,13 @@ const PolicyPrivacyStyle = styled(FlexColumn)`
const PolicyPrivacy = (props) => {
React.useEffect(() => {
props.popUpMessageHandler(
'Policy privacy',
'Please read the service policy below and accept its terms and conditions to create an account using the button at the bottom of the page.'
);
const privacyPolicyAccept = localStorage.getItem('privacyPolicy');
if (privacyPolicyAccept !== 'accept') {
props.popUpMessageHandler(
'Policy privacy',
'Please read the service policy below and accept its terms and conditions to create an account using the button at the bottom of the page.'
);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
@ -63,35 +64,34 @@ const PolicyPrivacy = (props) => {
KeyCloakService.doRegister();
};
const doLogin = () => {
localStorage.setItem('privacyPolicy', 'accept');
KeyCloakService.doLogin();
};
const renderButtons = () => {
return (
<FlexRow margin="32px 0 0 0" gap="48px" width="90%">
<Button
handler={() => {
props.popUpMessageHandler(
'Reminder',
'Remember to check your spam mailbox to confirm your account.',
() => doRegister
);
}}
width="72px"
height="32px"
>
Accept
</Button>
<Button
width="72px"
height="32px"
handler={() => {
localStorage.removeItem('privacyPolicy');
window.location.replace(ROOT_URL);
}}
backgroundColor={theme.colors.dark}
>
Reject
</Button>
</FlexRow>
);
let acceptHandler = null;
let buttonHandler = null;
if (props.beforeLogin) buttonHandler = doLogin;
if (props.beforeRegister) {
acceptHandler = () => doRegister;
buttonHandler = () => {
props.popUpMessageHandler(
'Reminder',
'Remember to check your spam mailbox to confirm your account.',
acceptHandler
);
};
}
if (props.beforeLogin || props.beforeRegister) {
return (
<FlexRow margin="32px 0 0 0" gap="48px" width="90%">
<Button handler={buttonHandler} width="72px" height="32px">
Accept
</Button>
</FlexRow>
);
}
};
return (

4
src/services/KeyCloakService.js
View File

@ -28,7 +28,7 @@ const initKeycloak = (onAuthenticatedCallback) => {
const doLogin = () => {
const privacyPolicyAccept = localStorage.getItem('privacyPolicy');
if (privacyPolicyAccept !== 'accept') {
window.location = `${ROOT_URL}${POLICY_PRIVACY_PAGE}`;
window.location = `${ROOT_URL}${POLICY_PRIVACY_PAGE}/login`;
} else {
_kc.login();
}
@ -44,7 +44,7 @@ const getToken = () => _kc.token;
const doRegister = () => {
const privacyPolicyAccept = localStorage.getItem('privacyPolicy');
if (privacyPolicyAccept !== 'accept') {
window.location = `${ROOT_URL}${POLICY_PRIVACY_PAGE}`;
window.location = `${ROOT_URL}${POLICY_PRIVACY_PAGE}/register`;
} else {
_kc.register();
}