correct logic of login and register without accept privacy policy

src/App.js

@@ -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 />} />

src/pages/PolicyPrivacy.js

@@ -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(() => {
+    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 (
+    let acceptHandler = null;
-      <FlexRow margin="32px 0 0 0" gap="48px" width="90%">
+    let buttonHandler = null;
-        <Button
+    if (props.beforeLogin) buttonHandler = doLogin;
-          handler={() => {
+    if (props.beforeRegister) {
+      acceptHandler = () => doRegister;
+      buttonHandler = () => {
         props.popUpMessageHandler(
           'Reminder',
           'Remember to check your spam mailbox to confirm your account.',
-              () => doRegister
+          acceptHandler
         );
-          }}
+      };
-          width="72px"
+    }
-          height="32px"
+    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>
-        <Button
-          width="72px"
-          height="32px"
-          handler={() => {
-            localStorage.removeItem('privacyPolicy');
-            window.location.replace(ROOT_URL);
-          }}
-          backgroundColor={theme.colors.dark}
-        >
-          Reject
-        </Button>
         </FlexRow>
       );
+    }
   };
 
   return (

src/services/KeyCloakService.js

@@ -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();
   }