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 (
-
-
-
+
+
+
)
}
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 = () => {
+
+
+