diff --git a/packages/client/public/locales/en/Confirm.json b/packages/client/public/locales/en/Confirm.json index b91c4a4925..68f06c0ae5 100644 --- a/packages/client/public/locales/en/Confirm.json +++ b/packages/client/public/locales/en/Confirm.json @@ -30,5 +30,6 @@ "SignUp": "Sign up", "SuccessDeactivate": "Your account has been successfully deactivated. In 10 seconds you will be redirected to the <1>site.", "SuccessReactivate": "Your account has been successfully reactivated. In 10 seconds you will be redirected to the <1>portal.", - "SuccessRemoved": "Your account has been successfully removed. In 10 seconds you will be redirected to the <1>site." + "SuccessRemoved": "Your account has been successfully removed. In 10 seconds you will be redirected to the <1>site.", + "TermsAndConditions": "By continuing, you understand and agree to our <1>Terms and conditions and <2>Privacy statement." } diff --git a/packages/client/src/pages/Confirm/sub-components/StyledCreateUser.js b/packages/client/src/pages/Confirm/sub-components/StyledCreateUser.js index 8cedbcdd0c..9d0ea3e9ca 100644 --- a/packages/client/src/pages/Confirm/sub-components/StyledCreateUser.js +++ b/packages/client/src/pages/Confirm/sub-components/StyledCreateUser.js @@ -116,6 +116,10 @@ export const RegisterContainer = styled.div` .email-container{ ${(props) => props.registrationForm && "display:none"}; } + + .terms-conditions{ + margin: 20px 0; + } @media ${tablet} { width: 100%; } diff --git a/packages/client/src/pages/Confirm/sub-components/createUser.js b/packages/client/src/pages/Confirm/sub-components/createUser.js index 99eb5e95f6..c0ff204ee6 100644 --- a/packages/client/src/pages/Confirm/sub-components/createUser.js +++ b/packages/client/src/pages/Confirm/sub-components/createUser.js @@ -74,6 +74,7 @@ import LanguageComboboxWrapper from "./LanguageCombobox"; import withCultureNames from "SRC_DIR/HOCs/withCultureNames"; import { setCookie } from "@docspace/shared/utils/cookie"; +import { ColorTheme, ThemeId } from "@docspace/shared/components/color-theme"; const DEFAULT_ROOM_TEXT = "{{firstName}} {{lastName}} invites you to join the room {{roomName}} for secure document collaboration."; @@ -473,6 +474,37 @@ const CreateUserForm = (props) => { } : {}; + const termsConditionsComponent = ( +
+ + + ), + 2: ( + + ), + }} + /> + +
+ ); return ( { /> + {termsConditionsComponent} +