|
|
|
|
@ -1,8 +1,16 @@
|
|
|
|
|
import { noop } from 'lodash';
|
|
|
|
|
import { useDispatch } from 'react-redux';
|
|
|
|
|
import { updateTermsOfServicePrivacyModal } from '../../state/ducks/modalDialog';
|
|
|
|
|
import styled from 'styled-components';
|
|
|
|
|
import { updateTermsOfServicePrivacyModal } from '../../state/onboarding/ducks/modals';
|
|
|
|
|
import { SessionWrapperModal } from '../SessionWrapperModal';
|
|
|
|
|
import { Flex } from '../basic/Flex';
|
|
|
|
|
import { SessionButton, SessionButtonShape, SessionButtonType } from '../basic/SessionButton';
|
|
|
|
|
import { SpacerSM } from '../basic/Text';
|
|
|
|
|
|
|
|
|
|
// NOTE we want to bypass the padding on the modal body so the buttons take up the full space
|
|
|
|
|
const ConfirmButtonContainer = styled(Flex)`
|
|
|
|
|
margin: 0px calc(var(--margins-lg) * -1) calc(var(--margins-lg) * -1) calc(var(--margins-lg) * -1);
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
export type TermsOfServicePrivacyDialogProps = {
|
|
|
|
|
show: boolean;
|
|
|
|
|
@ -21,33 +29,33 @@ export function TermsOfServicePrivacyDialog(props: TermsOfServicePrivacyDialogPr
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// TODO[epic=ses-900] need to add redux context to initial screens... or at the very least, a separate onboarding redux state
|
|
|
|
|
return (
|
|
|
|
|
<SessionWrapperModal
|
|
|
|
|
title={window.i18n('urlOpen')}
|
|
|
|
|
onClose={onClose}
|
|
|
|
|
showExitIcon={true}
|
|
|
|
|
showHeader={true}
|
|
|
|
|
headerReverse={true}
|
|
|
|
|
>
|
|
|
|
|
<div className="session-modal__centered">
|
|
|
|
|
<span className="session-confirm-sub-message">{window.i18n('urlOpenBrowser')}</span>
|
|
|
|
|
|
|
|
|
|
<div className="session-modal__button-group">
|
|
|
|
|
<span>{window.i18n('urlOpenBrowser')}</span>
|
|
|
|
|
<SpacerSM />
|
|
|
|
|
<ConfirmButtonContainer container={true} justifyContent="center" alignItems="center">
|
|
|
|
|
<SessionButton
|
|
|
|
|
text={window.i18n('termsOfService')}
|
|
|
|
|
buttonType={SessionButtonType.Simple}
|
|
|
|
|
buttonShape={SessionButtonShape.Square}
|
|
|
|
|
buttonType={SessionButtonType.ModalConfirm}
|
|
|
|
|
buttonShape={SessionButtonShape.None}
|
|
|
|
|
onClick={noop}
|
|
|
|
|
dataTestId="session-tos-button"
|
|
|
|
|
/>
|
|
|
|
|
<SessionButton
|
|
|
|
|
text={window.i18n('privacyPolicy')}
|
|
|
|
|
buttonType={SessionButtonType.Simple}
|
|
|
|
|
buttonShape={SessionButtonShape.Square}
|
|
|
|
|
buttonType={SessionButtonType.ModalConfirm}
|
|
|
|
|
buttonShape={SessionButtonShape.None}
|
|
|
|
|
onClick={noop}
|
|
|
|
|
dataTestId="session-privacy-policy-button"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ConfirmButtonContainer>
|
|
|
|
|
</div>
|
|
|
|
|
</SessionWrapperModal>
|
|
|
|
|
);
|
|
|
|
|
|
William Grant
1 year ago