You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
	
	
		
			31 lines
		
	
	
		
			762 B
		
	
	
	
		
			TypeScript
		
	
			
		
		
	
	
			31 lines
		
	
	
		
			762 B
		
	
	
	
		
			TypeScript
		
	
| import { useDispatch } from 'react-redux';
 | |
| import styled from 'styled-components';
 | |
| import { updateTermsOfServicePrivacyModal } from '../../state/onboarding/ducks/modals';
 | |
| import { SessionHtmlRenderer } from '../basic/SessionHTMLRenderer';
 | |
| 
 | |
| const StyledTermsAndConditions = styled.div`
 | |
|   text-align: center;
 | |
|   font-size: 12px;
 | |
| 
 | |
|   b {
 | |
|     font-weight: bold;
 | |
|   }
 | |
| 
 | |
|   &:hover {
 | |
|     cursor: pointer;
 | |
|   }
 | |
| `;
 | |
| 
 | |
| export const TermsAndConditions = () => {
 | |
|   const dispatch = useDispatch();
 | |
| 
 | |
|   return (
 | |
|     <StyledTermsAndConditions
 | |
|       onClick={() => dispatch(updateTermsOfServicePrivacyModal({ show: true }))}
 | |
|       data-testid="terms-of-service-link"
 | |
|     >
 | |
|       <SessionHtmlRenderer html={window.i18n('onboardingTosPrivacy')} />
 | |
|     </StyledTermsAndConditions>
 | |
|   );
 | |
| };
 |