diff --git a/src/config/lexics/userAccount.tsx b/src/config/lexics/userAccount.tsx index e1705ffe..dc98b64a 100644 --- a/src/config/lexics/userAccount.tsx +++ b/src/config/lexics/userAccount.tsx @@ -2,6 +2,7 @@ import { publicLexics } from './public' import { paymentLexics } from './payment' const navigations = { + about_the_project: 18170, bank_card: 14205, logout: 15058, my_devices: 15052, diff --git a/src/config/pages.tsx b/src/config/pages.tsx index cf088427..357ab69b 100644 --- a/src/config/pages.tsx +++ b/src/config/pages.tsx @@ -1,4 +1,5 @@ export const PAGES = { + about_the_project: 'https://instatsport.com/InStatTV/ott_platform', home: '/', match: '/matches', player: '/players', diff --git a/src/features/AuthServiceApp/components/Registration/index.tsx b/src/features/AuthServiceApp/components/Registration/index.tsx index 7f883aa6..c22cc405 100644 --- a/src/features/AuthServiceApp/components/Registration/index.tsx +++ b/src/features/AuthServiceApp/components/Registration/index.tsx @@ -20,6 +20,7 @@ import { ButtonSolid, Error, LanguageSelectWrapper, + Wrapper, } from '../../styled' import { Label, @@ -27,6 +28,7 @@ import { ButtonOutline, CheckboxWrapper, } from './styled' +import { CompanyInfo } from '../../../CompanyInfo' const Registration = () => { const history = useHistory() @@ -51,90 +53,93 @@ const Registration = () => { } = useRegistrationForm() return ( - - -
- + + + + + - - - - - - {formError - ? - : } - + + + + + + {formError + ? + : } + - - - - - -   - - - - - - )} - /> - - - - )} - /> - + + + + + +   + + + + + + )} + /> + + + + )} + /> + - - - { - isFetching - ? - : - } - - - - - - - - - - - + + + { + isFetching + ? + : + } + + + + + + + + + + +
+ + ) } diff --git a/src/features/CompanyInfo/config.tsx b/src/features/CompanyInfo/config.tsx index b741b1b7..f7ceed43 100644 --- a/src/features/CompanyInfo/config.tsx +++ b/src/features/CompanyInfo/config.tsx @@ -3,4 +3,5 @@ export const lexics = [ 18082, 18083, 18084, + 18170, ] diff --git a/src/features/CompanyInfo/index.tsx b/src/features/CompanyInfo/index.tsx index 25459619..ab2b47a2 100644 --- a/src/features/CompanyInfo/index.tsx +++ b/src/features/CompanyInfo/index.tsx @@ -1,10 +1,11 @@ import { T9n } from 'features/T9n' import { useLexicsConfig } from 'features/LexicsStore' +import { PAGES } from 'config' import { + CompanyInfoLink, CompanyInfoText, CompanyInfoWrapper, - CompanyName, } from './styled' import { lexics } from './config' @@ -21,9 +22,15 @@ export const CompanyInfo = ({ return ( - - - + + {' | '} + + + + diff --git a/src/features/CompanyInfo/styled.tsx b/src/features/CompanyInfo/styled.tsx index 0e89b6bd..d9eb21d9 100644 --- a/src/features/CompanyInfo/styled.tsx +++ b/src/features/CompanyInfo/styled.tsx @@ -1,3 +1,5 @@ +import { Link } from 'react-router-dom' + import styled, { css } from 'styled-components/macro' import { isMobileDevice } from 'config/userAgent' @@ -8,14 +10,16 @@ export const CompanyInfoWrapper = styled.div` font-weight: 400; font-size: 12px; line-height: 15px; - color: rgba(255, 255, 255, 0.6); + color: rgba(255, 255, 255, 0.5); ${isMobileDevice ? css` margin-top: 20px; ` : ''} ` -export const CompanyName = styled.div` - color: rgba(255, 255, 255, 0.8); -` export const CompanyInfoText = styled.div`` + +export const CompanyInfoLink = styled(Link)` + color: rgba(255, 255, 255, 0.7); + text-decoration: underline; +` diff --git a/src/features/UserAccount/index.tsx b/src/features/UserAccount/index.tsx index 3b410596..418799bf 100644 --- a/src/features/UserAccount/index.tsx +++ b/src/features/UserAccount/index.tsx @@ -52,6 +52,13 @@ const UserAccount = () => { + + +