Browse Source

setting page & satting components

merge-requests/3/merge
Ярослав Беркута 2 years ago committed by Coder
parent
commit
e9880c7f96
  1. 3
      android/app/build.gradle
  2. BIN
      android/app/src/main/assets/fonts/fontello.ttf
  3. 3
      android/app/src/main/java/com/truth/MainApplication.java
  4. 4
      android/settings.gradle
  5. 355
      package-lock.json
  6. 14
      package.json
  7. 9
      react-native.config.js
  8. BIN
      src/assets/icons/ENG.png
  9. 16
      src/assets/icons/ENG.svg
  10. 3
      src/assets/icons/arrow-back.svg
  11. BIN
      src/assets/resources/fonts/fontello.ttf
  12. 8
      src/i18n/index.ts
  13. 9
      src/i18n/locales/en/index.ts
  14. 11
      src/i18n/locales/en/settings.translation.ts
  15. 6
      src/i18n/locales/en/steps.translation.ts
  16. 9
      src/i18n/locales/ua/index.ts
  17. 11
      src/i18n/locales/ua/settings.translation.ts
  18. 6
      src/i18n/locales/ua/step.translation.ts
  19. 5
      src/i18n/types/index.ts
  20. 0
      src/i18n/types/onBoarding.types.ts
  21. 12
      src/i18n/types/settings.types.ts
  22. 8
      src/module/root/atoms/premium-button.component.tsx
  23. 40
      src/module/root/components/content-onBoarding.component.tsx
  24. 0
      src/module/root/components/index.tsx
  25. 2
      src/module/root/components/language-item.component.tsx
  26. 2
      src/module/root/config/data-onBoarding.config.ts
  27. 0
      src/module/root/navigations-groups/index.tsx
  28. 4
      src/module/root/navigations-groups/onBoardings-group.tsx
  29. 1
      src/module/root/screens/index.tsx
  30. 14
      src/module/root/screens/language-select.screen.tsx
  31. 29
      src/module/root/screens/onBoarding.screen.tsx
  32. 38
      src/module/root/screens/settings.screen.tsx
  33. 25
      src/module/setting/atoms/selectedLanguage-inSettings.atom.tsx
  34. 45
      src/module/setting/components/Settings-Item.component.tsx
  35. 41
      src/module/setting/config/data-setting.config.tsx
  36. 53
      src/module/shared/components/Header/Header.component.tsx
  37. 14
      src/module/shared/components/Icon/Icon.component.tsx
  38. 6
      src/module/shared/components/buttons/goBack.component.tsx
  39. 0
      src/module/shared/components/buttons/index.tsx
  40. 2
      src/module/shared/components/index.ts
  41. 4
      src/module/shared/components/index.tsx
  42. 1
      src/module/shared/components/layout/index.ts
  43. 7
      src/module/shared/components/layout/layout.component.tsx
  44. 304
      src/module/shared/config/config.json
  45. 3
      src/module/shared/config/fontello.config.ts
  46. 1
      src/module/shared/enums/route-keys.ts
  47. 0
      src/module/shared/index.tsx

3
android/app/build.gradle

@ -195,6 +195,7 @@ dependencies { @@ -195,6 +195,7 @@ dependencies {
implementation project(':react-native-splash-screen')
implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
implementation project(':react-native-svg')
implementation project(':react-native-vector-icons')
debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
exclude group:'com.facebook.fbjni'
@ -226,3 +227,5 @@ task copyDownloadableDepsToLibs(type: Copy) { @@ -226,3 +227,5 @@ task copyDownloadableDepsToLibs(type: Copy) {
}
apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
// icon
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

BIN
android/app/src/main/assets/fonts/fontello.ttf

Binary file not shown.

3
android/app/src/main/java/com/truth/MainApplication.java

@ -1,5 +1,5 @@ @@ -1,5 +1,5 @@
package com.truth;
import com.oblador.vectoricons.VectorIconsPackage;
import org.devio.rn.splashscreen.SplashScreenReactPackage;
import android.app.Application;
import android.content.Context;
@ -28,6 +28,7 @@ public class MainApplication extends Application implements ReactApplication { @@ -28,6 +28,7 @@ public class MainApplication extends Application implements ReactApplication {
List<ReactPackage> packages = new PackageList(this).getPackages();
new SplashScreenReactPackage();
new SvgPackage();
new VectorIconsPackage();
//packages.add(new SplashScreenReactPackage());
// Packages that cannot be autolinked yet can be added manually here, for example:

4
android/settings.gradle

@ -4,4 +4,6 @@ include ':app' @@ -4,4 +4,6 @@ include ':app'
include ':react-native-splash-screen'
project(':react-native-splash-screen').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-splash-screen/android')
include ':react-native-svg'
project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
include ':react-native-vector-icons'
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')

355
package-lock.json generated

@ -14,13 +14,15 @@ @@ -14,13 +14,15 @@
"i18next-react-native-async-storage": "^1.0.4",
"react": "17.0.2",
"react-i18next": "^11.18.1",
"react-native": "0.67.4",
"react-native": "^0.67.4",
"react-native-gesture-handler": "^2.5.0",
"react-native-icomoon": "^0.1.1",
"react-native-safe-area-context": "^4.3.1",
"react-native-screens": "^3.15.0",
"react-native-splash-screen": "^3.3.0",
"react-native-svg": "^12.3.0",
"react-native-svg-transformer": "^1.0.0"
"react-native-svg": "^12.4.4",
"react-native-svg-transformer": "^1.0.0",
"react-native-vector-icons": "^9.2.0"
},
"devDependencies": {
"@babel/core": "^7.12.9",
@ -29,6 +31,7 @@ @@ -29,6 +31,7 @@
"@react-native-community/eslint-config": "^2.0.0",
"@types/jest": "^26.0.23",
"@types/react-native": "^0.66.15",
"@types/react-native-vector-icons": "^6.4.12",
"@types/react-test-renderer": "^17.0.1",
"@typescript-eslint/eslint-plugin": "^5.7.0",
"@typescript-eslint/parser": "^5.7.0",
@ -4242,6 +4245,16 @@ @@ -4242,6 +4245,16 @@
"@types/react": "*"
}
},
"node_modules/@types/react-native-vector-icons": {
"version": "6.4.12",
"resolved": "https://registry.npmjs.org/@types/react-native-vector-icons/-/react-native-vector-icons-6.4.12.tgz",
"integrity": "sha512-gSXtv3NMOsRwSXJ/gvGebm7CNjHbkeFKCse9h/Pvi+x2yjCLOkJR1FBfec06DhaFJpsK7Y8WRQpwOS0eLqx5Rg==",
"dev": true,
"dependencies": {
"@types/react": "*",
"@types/react-native": "*"
}
},
"node_modules/@types/react-test-renderer": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-17.0.2.tgz",
@ -12938,6 +12951,15 @@ @@ -12938,6 +12951,15 @@
"react-native": "*"
}
},
"node_modules/react-native-icomoon": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/react-native-icomoon/-/react-native-icomoon-0.1.1.tgz",
"integrity": "sha512-/WHF2OXHGPZcjqEHutOtMIPFBMf9wfRXiA/uA5kSAr3WLhyZZ/wNMlz7C+XFjoqAE7D+M2ycDB37z6yZmnCTQg==",
"peerDependencies": {
"react": "*",
"react-native": "*"
}
},
"node_modules/react-native-safe-area-context": {
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-4.3.1.tgz",
@ -12969,12 +12991,12 @@ @@ -12969,12 +12991,12 @@
}
},
"node_modules/react-native-svg": {
"version": "12.3.0",
"resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-12.3.0.tgz",
"integrity": "sha512-ESG1g1j7/WLD7X3XRFTQHVv0r6DpbHNNcdusngAODIxG88wpTWUZkhcM3A2HJTb+BbXTFDamHv7FwtRKWQ/ALg==",
"version": "12.4.4",
"resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-12.4.4.tgz",
"integrity": "sha512-LpcNlEVCURexqPAvQ9ne8KrPVfYz0wIDygwud8VMRmXLezysXzyQN/DTsjm1BO9lIfYp55WQsr3u3yW/vk6iiA==",
"dependencies": {
"css-select": "^4.2.1",
"css-tree": "^1.0.0-alpha.39"
"css-select": "^5.1.0",
"css-tree": "^1.1.3"
},
"peerDependencies": {
"react": "*",
@ -12995,6 +13017,174 @@ @@ -12995,6 +13017,174 @@
"react-native-svg": ">=12.0.0"
}
},
"node_modules/react-native-svg/node_modules/css-select": {
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
"integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
"dependencies": {
"boolbase": "^1.0.0",
"css-what": "^6.1.0",
"domhandler": "^5.0.2",
"domutils": "^3.0.1",
"nth-check": "^2.0.1"
},
"funding": {
"url": "https://github.com/sponsors/fb55"
}
},
"node_modules/react-native-svg/node_modules/dom-serializer": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
"integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
"dependencies": {
"domelementtype": "^2.3.0",
"domhandler": "^5.0.2",
"entities": "^4.2.0"
},
"funding": {
"url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
}
},
"node_modules/react-native-svg/node_modules/domhandler": {
"version": "5.0.3",
"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
"integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
"dependencies": {
"domelementtype": "^2.3.0"
},
"engines": {
"node": ">= 4"
},
"funding": {
"url": "https://github.com/fb55/domhandler?sponsor=1"
}
},
"node_modules/react-native-svg/node_modules/domutils": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/domutils/-/domutils-3.0.1.tgz",
"integrity": "sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==",
"dependencies": {
"dom-serializer": "^2.0.0",
"domelementtype": "^2.3.0",
"domhandler": "^5.0.1"
},
"funding": {
"url": "https://github.com/fb55/domutils?sponsor=1"
}
},
"node_modules/react-native-svg/node_modules/entities": {
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.3.1.tgz",
"integrity": "sha512-o4q/dYJlmyjP2zfnaWDUC6A3BQFmVTX+tZPezK7k0GLSU9QYCauscf5Y+qcEPzKL+EixVouYDgLQK5H9GrLpkg==",
"engines": {
"node": ">=0.12"
},
"funding": {
"url": "https://github.com/fb55/entities?sponsor=1"
}
},
"node_modules/react-native-vector-icons": {
"version": "9.2.0",
"resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-9.2.0.tgz",
"integrity": "sha512-wKYLaFuQST/chH3AJRjmOLoLy3JEs1JR6zMNgTaemFpNoXs0ztRnTxcxFD9xhX7cJe1/zoN5BpQYe7kL0m5yyA==",
"dependencies": {
"prop-types": "^15.7.2",
"yargs": "^16.1.1"
},
"bin": {
"fa5-upgrade": "bin/fa5-upgrade.sh",
"generate-icon": "bin/generate-icon.js"
}
},
"node_modules/react-native-vector-icons/node_modules/ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dependencies": {
"color-convert": "^2.0.1"
},
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
}
},
"node_modules/react-native-vector-icons/node_modules/cliui": {
"version": "7.0.4",
"resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
"integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
"dependencies": {
"string-width": "^4.2.0",
"strip-ansi": "^6.0.0",
"wrap-ansi": "^7.0.0"
}
},
"node_modules/react-native-vector-icons/node_modules/color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dependencies": {
"color-name": "~1.1.4"
},
"engines": {
"node": ">=7.0.0"
}
},
"node_modules/react-native-vector-icons/node_modules/color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
},
"node_modules/react-native-vector-icons/node_modules/wrap-ansi": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
"dependencies": {
"ansi-styles": "^4.0.0",
"string-width": "^4.1.0",
"strip-ansi": "^6.0.0"
},
"engines": {
"node": ">=10"
},
"funding": {
"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
}
},
"node_modules/react-native-vector-icons/node_modules/y18n": {
"version": "5.0.8",
"resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
"integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
"engines": {
"node": ">=10"
}
},
"node_modules/react-native-vector-icons/node_modules/yargs": {
"version": "16.2.0",
"resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
"integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
"dependencies": {
"cliui": "^7.0.2",
"escalade": "^3.1.1",
"get-caller-file": "^2.0.5",
"require-directory": "^2.1.1",
"string-width": "^4.2.0",
"y18n": "^5.0.5",
"yargs-parser": "^20.2.2"
},
"engines": {
"node": ">=10"
}
},
"node_modules/react-native-vector-icons/node_modules/yargs-parser": {
"version": "20.2.9",
"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
"integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
"engines": {
"node": ">=10"
}
},
"node_modules/react-native/node_modules/@react-native-community/cli": {
"version": "6.4.0",
"resolved": "https://registry.npmjs.org/@react-native-community/cli/-/cli-6.4.0.tgz",
@ -19170,6 +19360,16 @@ @@ -19170,6 +19360,16 @@
"@types/react": "*"
}
},
"@types/react-native-vector-icons": {
"version": "6.4.12",
"resolved": "https://registry.npmjs.org/@types/react-native-vector-icons/-/react-native-vector-icons-6.4.12.tgz",
"integrity": "sha512-gSXtv3NMOsRwSXJ/gvGebm7CNjHbkeFKCse9h/Pvi+x2yjCLOkJR1FBfec06DhaFJpsK7Y8WRQpwOS0eLqx5Rg==",
"dev": true,
"requires": {
"@types/react": "*",
"@types/react-native": "*"
}
},
"@types/react-test-renderer": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-17.0.2.tgz",
@ -25952,6 +26152,12 @@ @@ -25952,6 +26152,12 @@
"prop-types": "^15.7.2"
}
},
"react-native-icomoon": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/react-native-icomoon/-/react-native-icomoon-0.1.1.tgz",
"integrity": "sha512-/WHF2OXHGPZcjqEHutOtMIPFBMf9wfRXiA/uA5kSAr3WLhyZZ/wNMlz7C+XFjoqAE7D+M2ycDB37z6yZmnCTQg==",
"requires": {}
},
"react-native-safe-area-context": {
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-4.3.1.tgz",
@ -25974,12 +26180,59 @@ @@ -25974,12 +26180,59 @@
"requires": {}
},
"react-native-svg": {
"version": "12.3.0",
"resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-12.3.0.tgz",
"integrity": "sha512-ESG1g1j7/WLD7X3XRFTQHVv0r6DpbHNNcdusngAODIxG88wpTWUZkhcM3A2HJTb+BbXTFDamHv7FwtRKWQ/ALg==",
"version": "12.4.4",
"resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-12.4.4.tgz",
"integrity": "sha512-LpcNlEVCURexqPAvQ9ne8KrPVfYz0wIDygwud8VMRmXLezysXzyQN/DTsjm1BO9lIfYp55WQsr3u3yW/vk6iiA==",
"requires": {
"css-select": "^4.2.1",
"css-tree": "^1.0.0-alpha.39"
"css-select": "^5.1.0",
"css-tree": "^1.1.3"
},
"dependencies": {
"css-select": {
"version": "5.1.0",
"resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
"integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
"requires": {
"boolbase": "^1.0.0",
"css-what": "^6.1.0",
"domhandler": "^5.0.2",
"domutils": "^3.0.1",
"nth-check": "^2.0.1"
}
},
"dom-serializer": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
"integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
"requires": {
"domelementtype": "^2.3.0",
"domhandler": "^5.0.2",
"entities": "^4.2.0"
}
},
"domhandler": {
"version": "5.0.3",
"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
"integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
"requires": {
"domelementtype": "^2.3.0"
}
},
"domutils": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/domutils/-/domutils-3.0.1.tgz",
"integrity": "sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==",
"requires": {
"dom-serializer": "^2.0.0",
"domelementtype": "^2.3.0",
"domhandler": "^5.0.1"
}
},
"entities": {
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.3.1.tgz",
"integrity": "sha512-o4q/dYJlmyjP2zfnaWDUC6A3BQFmVTX+tZPezK7k0GLSU9QYCauscf5Y+qcEPzKL+EixVouYDgLQK5H9GrLpkg=="
}
}
},
"react-native-svg-transformer": {
@ -25992,6 +26245,82 @@ @@ -25992,6 +26245,82 @@
"path-dirname": "^1.0.2"
}
},
"react-native-vector-icons": {
"version": "9.2.0",
"resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-9.2.0.tgz",
"integrity": "sha512-wKYLaFuQST/chH3AJRjmOLoLy3JEs1JR6zMNgTaemFpNoXs0ztRnTxcxFD9xhX7cJe1/zoN5BpQYe7kL0m5yyA==",
"requires": {
"prop-types": "^15.7.2",
"yargs": "^16.1.1"
},
"dependencies": {
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"requires": {
"color-convert": "^2.0.1"
}
},
"cliui": {
"version": "7.0.4",
"resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
"integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
"requires": {
"string-width": "^4.2.0",
"strip-ansi": "^6.0.0",
"wrap-ansi": "^7.0.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"requires": {
"color-name": "~1.1.4"
}
},
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
},
"wrap-ansi": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
"requires": {
"ansi-styles": "^4.0.0",
"string-width": "^4.1.0",
"strip-ansi": "^6.0.0"
}
},
"y18n": {
"version": "5.0.8",
"resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
"integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA=="
},
"yargs": {
"version": "16.2.0",
"resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
"integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
"requires": {
"cliui": "^7.0.2",
"escalade": "^3.1.1",
"get-caller-file": "^2.0.5",
"require-directory": "^2.1.1",
"string-width": "^4.2.0",
"y18n": "^5.0.5",
"yargs-parser": "^20.2.2"
}
},
"yargs-parser": {
"version": "20.2.9",
"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
"integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w=="
}
}
},
"react-refresh": {
"version": "0.4.3",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.4.3.tgz",

14
package.json

@ -1,4 +1,9 @@ @@ -1,4 +1,9 @@
{
"rnpm": {
"assets": [
"/resources/fonts/"
]
},
"name": "truth",
"version": "0.0.1",
"private": true,
@ -16,13 +21,15 @@ @@ -16,13 +21,15 @@
"i18next-react-native-async-storage": "^1.0.4",
"react": "17.0.2",
"react-i18next": "^11.18.1",
"react-native": "0.67.4",
"react-native": "^0.67.4",
"react-native-gesture-handler": "^2.5.0",
"react-native-icomoon": "^0.1.1",
"react-native-safe-area-context": "^4.3.1",
"react-native-screens": "^3.15.0",
"react-native-splash-screen": "^3.3.0",
"react-native-svg": "^12.3.0",
"react-native-svg-transformer": "^1.0.0"
"react-native-svg": "^12.4.4",
"react-native-svg-transformer": "^1.0.0",
"react-native-vector-icons": "^9.2.0"
},
"devDependencies": {
"@babel/core": "^7.12.9",
@ -31,6 +38,7 @@ @@ -31,6 +38,7 @@
"@react-native-community/eslint-config": "^2.0.0",
"@types/jest": "^26.0.23",
"@types/react-native": "^0.66.15",
"@types/react-native-vector-icons": "^6.4.12",
"@types/react-test-renderer": "^17.0.1",
"@typescript-eslint/eslint-plugin": "^5.7.0",
"@typescript-eslint/parser": "^5.7.0",

9
react-native.config.js

@ -0,0 +1,9 @@ @@ -0,0 +1,9 @@
module.exports = {
dependencies: {
'react-native-vector-icons': {
platforms: {
ios: null,
},
},
},
};

BIN
src/assets/icons/ENG.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 893 B

16
src/assets/icons/ENG.svg

@ -1,16 +0,0 @@ @@ -1,16 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_62_14707)">
<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="#1A47B8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-1.22563 0H-4.79999V4L25.2063 24L28.8 24V20L-1.22563 0Z" fill="white"/>
<path d="M-3.60783 0L28.8 21.6567V24H27.6358L-4.79999 2.32089V0H-3.60783Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.6 0H28.8V4C28.8 4 8.0157 17.3249 -1.59999 24H-4.79999V20L25.6 0Z" fill="white"/>
<path d="M28.8 0H27.7148L-4.79999 21.6753V24H-3.60783L28.8 2.33842V0Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.41933 0H16.6086V7.40291H28.8V16.5922H16.6086V24H7.41933V16.5922H-4.79999V7.40291H7.41933V0Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.34738 0H14.6526V9.23077H28.8V14.7692H14.6526V24H9.34738V14.7692H-4.79999V9.23077H9.34738V0Z" fill="#F93939"/>
</g>
<defs>
<clipPath id="clip0_62_14707">
<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

3
src/assets/icons/arrow-back.svg

@ -1,3 +0,0 @@ @@ -1,3 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5304 3.54969C15.8233 3.84258 15.8233 4.31745 15.5304 4.61035L9.01036 11.1303C8.53325 11.6075 8.53325 12.3926 9.01036 12.8697L15.5304 19.3897C15.8233 19.6826 15.8233 20.1575 15.5304 20.4503C15.2375 20.7432 14.7626 20.7432 14.4697 20.4503L7.9497 13.9303C6.8868 12.8675 6.8868 11.1326 7.9497 10.0697L14.4697 3.54969C14.7626 3.25679 15.2375 3.25679 15.5304 3.54969Z" fill="#000"/>
</svg>

Before

Width:  |  Height:  |  Size: 533 B

BIN
src/assets/resources/fonts/fontello.ttf

Binary file not shown.

8
src/i18n/index.ts

@ -11,8 +11,9 @@ i18n @@ -11,8 +11,9 @@ i18n
.use(initReactI18next)
.use(AsyncStoragePlugin())
.init({
fallbackLng: 'en',
debug: true,
compatibilityJSON: 'v3',
fallbackLng: "en",
debug: false,
interpolation: {
escapeValue: false,
@ -22,4 +23,7 @@ i18n @@ -22,4 +23,7 @@ i18n
[LangKeys.EN]: {translation: locales.en},
[LangKeys.UA]: {translation: locales.ua},
},
react: {
useSuspense: false,
},
});

9
src/i18n/locales/en/index.ts

@ -1 +1,8 @@ @@ -1 +1,8 @@
export * from './steps.translation';
import {MainLocaleModule} from '../../types';
import {settingTranslation} from './settings.translation';
import {onBoardingTranslation} from './steps.translation';
export const en: MainLocaleModule = {
settingTranslation,
stepTranslation: onBoardingTranslation,
};

11
src/i18n/locales/en/settings.translation.ts

@ -0,0 +1,11 @@ @@ -0,0 +1,11 @@
import {SettingLocale} from '../../types/settings.types';
export const settingTranslation: SettingLocale.core = {
purchases: 'Purchases!',
language: 'Language',
write: 'Write to us',
rate: 'Rate us',
share: 'Share app',
policy: 'Privacy policy',
term: 'Terms and conditions',
information: 'Information',
};

6
src/i18n/locales/en/steps.translation.ts

@ -1,5 +1,4 @@ @@ -1,5 +1,4 @@
import {MainLocaleModule} from '../../types';
import {OnBoardingLocale} from '../../types/onBoarding';
import {OnBoardingLocale} from '../../types/onBoarding.types';
export const onBoardingTranslation: OnBoardingLocale.OnboardingSteps = {
step1: {
title: 'Welcome!',
@ -18,6 +17,3 @@ export const onBoardingTranslation: OnBoardingLocale.OnboardingSteps = { @@ -18,6 +17,3 @@ export const onBoardingTranslation: OnBoardingLocale.OnboardingSteps = {
},
};
export const en: MainLocaleModule = {
stepTranslation: onBoardingTranslation,
};

9
src/i18n/locales/ua/index.ts

@ -1 +1,8 @@ @@ -1 +1,8 @@
export * from './step.translation';
import {MainLocaleModule} from '../../types';
import {settingTranslation} from './settings.translation';
import {onBoardingTranslationUa} from './step.translation';
export const ua: MainLocaleModule = {
stepTranslation: onBoardingTranslationUa,
settingTranslation: settingTranslation,
};

11
src/i18n/locales/ua/settings.translation.ts

@ -0,0 +1,11 @@ @@ -0,0 +1,11 @@
import {SettingLocale} from '../../types/settings.types';
export const settingTranslation: SettingLocale.core = {
purchases: 'Магазин!',
language: 'Мова',
write: 'Напишіть нам',
rate: 'Оцініть нас',
share: 'Поділитися програмою',
policy: 'Політика конфіденційності',
term: 'Правила та умови',
information: 'Інформація',
};

6
src/i18n/locales/ua/step.translation.ts

@ -1,4 +1,4 @@ @@ -1,4 +1,4 @@
import {MainLocaleModule} from '../../types';
export const onBoardingTranslationUa = {
step1: {
@ -18,6 +18,4 @@ export const onBoardingTranslationUa = { @@ -18,6 +18,4 @@ export const onBoardingTranslationUa = {
'Надає необмежений доступ до пакетів Hard і \nНасолоджуйтеся інтригуючими запитаннями та\nзахоплюючими діями',
},
};
export const ua: MainLocaleModule = {
stepTranslation: onBoardingTranslationUa,
};

5
src/i18n/types/index.ts

@ -1,5 +1,6 @@ @@ -1,5 +1,6 @@
import {OnBoardingLocale} from './onBoarding';
import {OnBoardingLocale} from './onBoarding.types';
import { SettingLocale } from './settings.types';
export interface MainLocaleModule {
stepTranslation: OnBoardingLocale.OnboardingSteps;
settingTranslation: SettingLocale.core;
}

0
src/i18n/types/onBoarding.ts → src/i18n/types/onBoarding.types.ts

12
src/i18n/types/settings.types.ts

@ -0,0 +1,12 @@ @@ -0,0 +1,12 @@
export namespace SettingLocale {
export interface core {
purchases: string;
language: string;
write: string;
rate: string;
share: string;
policy: string;
term: string;
information: string;
}
}

8
src/module/root/atoms/premium-button.component.tsx

@ -1,6 +1,6 @@ @@ -1,6 +1,6 @@
import React, {FC} from 'react';
import {StyleSheet, Text, TouchableOpacity, View} from 'react-native';
import {colors, PrimaryBtn} from '../../shared';
import {colors, PrimaryBtn, RouteKey} from '../../shared';
interface IProps {
currentIndex: number;
data: Array<{
@ -19,7 +19,7 @@ interface IProps { @@ -19,7 +19,7 @@ interface IProps {
export const GroupBtn: FC<IProps> = ({currentIndex, data, onPressItem}) => {
if (data.length - 1 === currentIndex) {
return (
<View style={{alignItems: 'center'}}>
<View style={styles.btncontainer}>
<PrimaryBtn
onPress={() => {}}
children={<Text style={styles.text}>{`Open now / $4.99`}</Text>}
@ -52,4 +52,8 @@ const styles = StyleSheet.create({ @@ -52,4 +52,8 @@ const styles = StyleSheet.create({
height: 40,
justifyContent: 'center',
},
btncontainer: {
alignItems: 'center',
marginTop: 'auto',
},
});

40
src/module/root/components/content-onBoarding.component.tsx

@ -4,21 +4,22 @@ import {View, Text, StyleSheet} from 'react-native'; @@ -4,21 +4,22 @@ import {View, Text, StyleSheet} from 'react-native';
import {LangKeys} from '../../../i18n';
import {colors, heightPicture} from '../../shared';
import {GroupBtn} from '../atoms/premium-button.component';
import {OnBoardData} from '../config/data-onBoarding';
import {OnBoardData} from '../config/data-onBoarding.config';
interface IProps {
currentIndex: number;
onPressItem: (data: any) => void;
}
export const ContentOnBoarding: FC<IProps> = ({currentIndex, onPressItem}) => {
const {t, i18n} = useTranslation();
console.log('i18', i18n.language);
const Picture = OnBoardData[currentIndex].image;
const changeFontSize = () => (i18n.language === LangKeys.UA ? 30 : 32);
return (
<>
<Picture width={'100%'} height={heightPicture()} />
<View style={{flex: 1, alignItems: 'center'}}>
<View style={styles.container}>
<View style={styles.image}>
<Picture width={'100%'} height={heightPicture()} />
</View>
<View style={styles.textContainer}>
<Text style={[styles.title, {fontSize: changeFontSize()}]}>
{t(OnBoardData[currentIndex].title)}
</Text>
@ -26,8 +27,8 @@ export const ContentOnBoarding: FC<IProps> = ({currentIndex, onPressItem}) => { @@ -26,8 +27,8 @@ export const ContentOnBoarding: FC<IProps> = ({currentIndex, onPressItem}) => {
{t(OnBoardData[currentIndex].description)}
</Text>
</View>
<View style={{alignItems: 'center', marginBottom: 30}}>
<View style={{flexDirection: 'row', marginBottom: 40}}>
<View style={styles.button}>
<View style={styles.dots}>
{OnBoardData.map((el, index) => (
<View
key={`${el} + ${index}`}
@ -46,21 +47,27 @@ export const ContentOnBoarding: FC<IProps> = ({currentIndex, onPressItem}) => { @@ -46,21 +47,27 @@ export const ContentOnBoarding: FC<IProps> = ({currentIndex, onPressItem}) => {
currentIndex={currentIndex}
/>
</View>
</>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
},
description: {
color: '#A798FF',
fontSize: 16,
textAlign: 'center',
lineHeight: 24,
width: '100%',
},
title: {
color: colors.prymaryText,
marginBottom: 25,
fontWeight: '700',
textAlign: 'center',
width: '100%',
},
point: {
height: 8,
@ -68,4 +75,21 @@ const styles = StyleSheet.create({ @@ -68,4 +75,21 @@ const styles = StyleSheet.create({
marginRight: 10,
borderRadius: 100,
},
image: {
width: '100%',
},
button: {
alignItems: 'center',
marginBottom: 30,
marginTop: 'auto',
},
dots: {
flexDirection: 'row',
marginBottom: 20,
},
textContainer: {
flex: 0,
alignItems: 'center',
width: '100%',
},
});

0
src/module/root/components/index.ts → src/module/root/components/index.tsx

2
src/module/root/components/language-item.component.tsx

@ -23,6 +23,8 @@ const styles = StyleSheet.create({ @@ -23,6 +23,8 @@ const styles = StyleSheet.create({
paddingLeft: 10,
alignItems: 'center',
marginBottom: 16,
maxWidth: 327,
width: '100%',
},
circleContainer: {
borderRadius: 120,

2
src/module/root/config/data-onBoarding.ts → src/module/root/config/data-onBoarding.config.ts

@ -1,7 +1,7 @@ @@ -1,7 +1,7 @@
import ImageHearts from '../../../assets/image/hearts.svg';
import ImageGlass from '../../../assets/image/glass.svg';
import ImageCup from '../../../assets/image/winners-cup.svg';
import {OnBoardingLocale} from '../../../i18n/types/onBoarding';
import {OnBoardingLocale} from '../../../i18n/types/onBoarding.types';
const translatePath = (
itemKey: keyof OnBoardingLocale.OnboardingSteps,
key: keyof OnBoardingLocale.IStep,

0
src/module/root/navigations-groups/index.ts → src/module/root/navigations-groups/index.tsx

4
src/module/root/navigations-groups/onBoardings-group.tsx

@ -1,7 +1,7 @@ @@ -1,7 +1,7 @@
import React, {FC} from 'react';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import {RouteKey} from '../../shared';
import {LanguageSelect, Onboarding} from '../screens';
import {LanguageSelect, Onboarding, Setting} from '../screens';
const Stack = createNativeStackNavigator();
export const OnboardingGroup: FC = () => {
return (
@ -9,7 +9,9 @@ export const OnboardingGroup: FC = () => { @@ -9,7 +9,9 @@ export const OnboardingGroup: FC = () => {
screenOptions={{headerShown: false}}
initialRouteName={RouteKey.LanguageSelect}>
<Stack.Screen name={RouteKey.LanguageSelect} component={LanguageSelect} />
<Stack.Screen name={RouteKey.Setting} component={Setting} />
<Stack.Screen name={RouteKey.Onboarding} component={Onboarding} />
</Stack.Navigator>
);
};

1
src/module/root/screens/index.ts → src/module/root/screens/index.tsx

@ -1,2 +1,3 @@ @@ -1,2 +1,3 @@
export * from './language-select.screen';
export * from './onBoarding.screen';
export * from "./settings.screen"

14
src/module/root/screens/language-select.screen.tsx

@ -1,19 +1,18 @@ @@ -1,19 +1,18 @@
import React, {FC} from 'react';
import {useTranslation} from 'react-i18next';
import {Button, Image, StyleSheet, Text, View} from 'react-native';
import FlagEng from '../../../assets/icons/eng.svg';
import {Image, StyleSheet, Text, View} from 'react-native';
import {LangKeys} from '../../../i18n';
import {IRouteParams, RouteKey, colors, ScreenLayout} from '../../shared';
import {LanguageItem} from '../components';
const languageArr = [
{
name: 'Українська',
icon: <Image source={require('../../../assets/icons/ukr.png')} />,
icon: <Image source={require('../../../assets/icons/UKR.png')} />,
key: LangKeys.UA,
},
{
name: 'English',
icon: <FlagEng />,
icon: <Image source={require('../../../assets/icons/ENG.png')} />,
key: LangKeys.EN,
},
];
@ -31,7 +30,7 @@ export const LanguageSelect: FC<IProps> = ({navigation}) => { @@ -31,7 +30,7 @@ export const LanguageSelect: FC<IProps> = ({navigation}) => {
<LanguageItem
key={el.name}
onPress={() => {
navigation.navigate(RouteKey.Onboarding);
navigation.navigate(RouteKey.Setting);
i18n.changeLanguage(el.key);
}}
icon={el.icon}
@ -44,9 +43,12 @@ export const LanguageSelect: FC<IProps> = ({navigation}) => { @@ -44,9 +43,12 @@ export const LanguageSelect: FC<IProps> = ({navigation}) => {
};
const styles = StyleSheet.create({
container: {
flex: 1,
flex: 0,
width: '100%',
height: '100%',
backgroundColor: colors.primaryColor,
justifyContent: 'center',
alignItems: 'center',
paddingHorizontal: 24,
},
title: {

29
src/module/root/screens/onBoarding.screen.tsx

@ -1,12 +1,12 @@ @@ -1,12 +1,12 @@
import React, {FC, useState} from 'react';
import {StyleSheet, View} from 'react-native';
import {
GoBackBtn,
Header,
RouteKey,
IRouteParams,
colors,
ScreenLayout,
} from '../../shared';
import {ContentOnBoarding} from '../components';
interface IProps extends IRouteParams {}
export const Onboarding: FC<IProps> = ({navigation}) => {
@ -27,30 +27,15 @@ export const Onboarding: FC<IProps> = ({navigation}) => { @@ -27,30 +27,15 @@ export const Onboarding: FC<IProps> = ({navigation}) => {
return (
<ScreenLayout
backgroundColor={colors.primaryColor}
backgroundStatusBar={colors.primaryColor}>
<View style={styles.container}>
<GoBackBtn onPress={goBack} style={styles.icon} />
backgroundStatusBar={colors.primaryColor}
paddingHorizontal={20}>
<>
<Header onPress={goBack} />
<ContentOnBoarding
currentIndex={currentIndex}
onPressItem={onPressItem}
/>
</View>
</>
</ScreenLayout>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
position: 'relative',
flexDirection: 'column',
justifyContent: 'space-between',
},
icon: {
position: 'absolute',
top: 0,
left: 10,
padding: 20,
zIndex: 1,
},
});

38
src/module/root/screens/settings.screen.tsx

@ -0,0 +1,38 @@ @@ -0,0 +1,38 @@
import React, {FC} from 'react';
import {StyleSheet, View} from 'react-native';
import {SettingsItem} from '../../setting/components/settings-item.component';
import {SettingsData} from '../../setting/config/data-setting.config';
import {Header, IRouteParams, colors, ScreenLayout} from '../../shared';
interface IProps extends IRouteParams {}
export const Setting: FC<IProps> = () => {
const goBack = () => {
console.log('');
};
return (
<ScreenLayout
backgroundColor={colors.primaryColor}
backgroundStatusBar={colors.primaryColor}
paddingHorizontal={20}>
<>
<Header onPress={goBack} title="Settings" />
<View style={styles.container}>
{SettingsData.map((item, index) => (
<SettingsItem
key={index}
title={item.title}
iconName={item.image}
component={item.component}
/>
))}
</View>
</>
</ScreenLayout>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
},
});

25
src/module/setting/atoms/selectedLanguage-inSettings.atom.tsx

@ -0,0 +1,25 @@ @@ -0,0 +1,25 @@
import React from 'react';
import {StyleSheet, Text, View} from 'react-native';
import {useTranslation} from 'react-i18next';
export const SelectedLanguage = () => {
const {t, i18n} = useTranslation();
return (
<View style={styles.curentLang}>
<Text style={styles.text}>{i18n.language}</Text>
</View>
);
};
const styles = StyleSheet.create({
curentLang: {
flex: 0,
alignSelf: 'center',
},
text: {
color: '#A798FF',
fontWeight: '600',
fontSize: 18,
lineHeight: 28,
textTransform: 'uppercase',
},
});

45
src/module/setting/components/Settings-Item.component.tsx

@ -0,0 +1,45 @@ @@ -0,0 +1,45 @@
import React, {FC} from 'react';
import {useTranslation} from 'react-i18next';
import {StyleSheet, Text, View, TouchableOpacity} from 'react-native';
import {Icon} from '../../shared';
interface IProps {
title: string;
iconName: string;
component?: () => JSX.Element;
}
export const SettingsItem: FC<IProps> = ({title, iconName, component}) => {
const {t, i18n} = useTranslation();
return (
<TouchableOpacity style={styles.container}>
<View style={styles.title}>
<Text style={styles.icon}>
<Icon name={iconName} size={22} color="#A798FF" />
</Text>
<Text style={styles.text}>{t(title)}</Text>
</View>
{component && component()}
</TouchableOpacity>
);
};
const styles = StyleSheet.create({
title: {
flex: 0,
flexDirection: 'row',
alignContent: 'center',
},
text: {
fontWeight: '400',
fontSize: 18,
lineHeight: 28,
color: '#A798FF',
marginLeft: 10,
},
icon: {flex: 0, alignSelf: 'center'},
container: {
flex: 0,
flexDirection: 'row',
alignContent: 'center',
marginBottom: 24,
justifyContent: 'space-between',
},
});

41
src/module/setting/config/data-setting.config.tsx

@ -0,0 +1,41 @@ @@ -0,0 +1,41 @@
import React from 'react';
import {SelectedLanguage} from '../atoms/selectedLanguage-inSettings.atom';
import {SettingLocale} from '../../../i18n/types/settings.types';
const translatePath = (itemKey: keyof SettingLocale.core) =>
`settingTranslation.${itemKey}`;
export const SettingsData = [
{
title: translatePath('purchases'),
image: 'purchases',
},
{
title: translatePath('language'),
image: 'lang',
component: () => <SelectedLanguage />,
},
{
title: translatePath('write'),
image: 'message',
},
{
title: translatePath('rate'),
image: 'rate',
},
{
title: translatePath('share'),
image: 'share',
},
{
title: translatePath('policy'),
image: 'privacy-policy',
},
{
title: translatePath('term'),
image: 'terms-&-cond',
},
{
title: translatePath('information'),
image: 'information',
},
];

53
src/module/shared/components/Header/Header.component.tsx

@ -0,0 +1,53 @@ @@ -0,0 +1,53 @@
import React, {FC} from 'react';
import {
StyleSheet,
Text,
TouchableOpacity,
View,
ViewStyle,
} from 'react-native';
import {colors} from '../../colors/colors';
import {Icon} from '../icon/icon.component';
interface IProps {
onPress: () => void;
style?: ViewStyle;
title?: string;
}
export const Header: FC<IProps> = ({onPress, style, title}) => {
return (
<View style={styles.header}>
<TouchableOpacity onPress={onPress} style={styles.button}>
<Icon name="arrow" size={22} color={colors.secondaryColor} />
</TouchableOpacity>
<Text style={styles.title}>{title}</Text>
<TouchableOpacity style={styles.button}>
<Icon name="inst" size={22} color={colors.secondaryColor} />
</TouchableOpacity>
</View>
);
};
const styles = StyleSheet.create({
header: {
width: '100%',
marginTop: 20,
marginBottom: 20,
flex: 0,
flexDirection: 'row',
alignContent: 'center',
justifyContent: 'space-between',
},
title: {
fontSize: 24,
color: '#99EDCC',
fontWeight: 'bold',
},
button: {
flex: 0,
width: 22,
height: 22,
alignSelf: 'center',
alignItems: 'center',
justifyContent: 'center',
},
});

14
src/module/shared/components/Icon/Icon.component.tsx

@ -0,0 +1,14 @@ @@ -0,0 +1,14 @@
import React, {FC} from 'react';
import {ColorValue, Text, TouchableOpacity, ViewStyle} from 'react-native';
import {createIconSetFromFontello} from 'react-native-vector-icons';
import {fontelloConfig} from '../../config/fontello.config';
const Svg = createIconSetFromFontello(fontelloConfig);
interface IProps {
name: string;
size: number;
color?: ColorValue;
}
export const Icon: FC<IProps> = props => {
return <Svg name={props.name} size={props.size} color={props.color} />;
};

6
src/module/shared/components/buttons/goBack.component.tsx

@ -1,7 +1,7 @@ @@ -1,7 +1,7 @@
import React, {FC} from 'react';
import {Alert, TouchableOpacity, ViewStyle} from 'react-native';
import IconBack from '../../../../assets/icons/arrow-back.svg';
import {TouchableOpacity, ViewStyle} from 'react-native';
import {colors} from '../../colors/colors';
import {Icon} from '../../../shared';
interface IProps {
onPress: () => void;
style?: ViewStyle;
@ -9,7 +9,7 @@ interface IProps { @@ -9,7 +9,7 @@ interface IProps {
export const GoBackBtn: FC<IProps> = ({onPress, style}) => {
return (
<TouchableOpacity onPress={onPress} style={style}>
<IconBack fill={colors.secondaryColor} />
<Icon name="arrow" size={22} color={colors.secondaryColor} />
</TouchableOpacity>
);
};

0
src/module/shared/components/buttons/index.ts → src/module/shared/components/buttons/index.tsx

2
src/module/shared/components/index.ts

@ -1,2 +0,0 @@ @@ -1,2 +0,0 @@
export * from './buttons';
export * from './layout';

4
src/module/shared/components/index.tsx

@ -0,0 +1,4 @@ @@ -0,0 +1,4 @@
export * from './buttons';
export * from './layout/layout.component';
export * from "./header/header.component"
export * from "./icon/icon.component"

1
src/module/shared/components/layout/index.ts

@ -1 +0,0 @@ @@ -1 +0,0 @@
export * from './screen-layout.component';

7
src/module/shared/components/layout/screen-layout.component.tsx → src/module/shared/components/layout/layout.component.tsx

@ -35,7 +35,7 @@ export const ScreenLayout: FC<IProps> = ({ @@ -35,7 +35,7 @@ export const ScreenLayout: FC<IProps> = ({
backgroundColor,
}) => {
return (
<View style={{flexGrow: 1}}>
<View style={styles.area}>
{Platform.OS === 'ios' ? (
<CustomStatusBar backgroundColor={backgroundStatusBar} />
) : (
@ -44,15 +44,14 @@ export const ScreenLayout: FC<IProps> = ({ @@ -44,15 +44,14 @@ export const ScreenLayout: FC<IProps> = ({
backgroundColor={colors.primaryColor}
/>
)}
<SafeAreaView
style={[styles.container, {paddingHorizontal, backgroundColor}]}>
<SafeAreaView style={[styles.area, {paddingHorizontal, backgroundColor}]}>
{children}
</SafeAreaView>
</View>
);
};
const styles = StyleSheet.create({
container: {
area: {
flexGrow: 1,
},
});

304
src/module/shared/config/config.json

@ -0,0 +1,304 @@ @@ -0,0 +1,304 @@
{
"name": "",
"css_prefix_text": "icon-",
"css_use_suffix": false,
"hinting": true,
"units_per_em": 1000,
"ascent": 850,
"glyphs": [
{
"uid": "700da62fed99c13c5205f6113e8016e1",
"css": "magic-star",
"code": 59392,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M237.5 766.7C225 754.2 204.2 754.2 191.7 766.7L66.7 891.7C54.2 904.2 54.2 925 66.7 937.5 79.2 950 100 950 112.5 937.5L237.5 812.5C245.8 800 245.8 779.2 237.5 766.7ZM900 550L816.7 454.2C812.5 450 808.3 441.7 808.3 433.3S808.3 416.7 808.3 412.5V412.5L850 279.2C854.2 262.5 858.3 245.8 858.3 229.2 858.3 204.2 850 179.2 833.3 158.3 804.2 129.2 758.3 125 712.5 141.7L587.5 183.3C583.3 183.3 575 183.3 566.7 183.3 558.3 183.3 550 179.2 545.8 175L545.8 175 420.8 83.3C395.8 62.5 366.7 50 341.7 50 329.2 50 312.5 54.2 300 58.3 262.5 83.3 245.8 125 250 175L250 329.2C250 333.3 250 341.7 245.8 350 241.7 358.3 237.5 366.7 233.3 366.7L129.2 445.8C95.8 470.8 75 504.2 75 537.5 75 541.7 75 545.8 75 554.2 83.3 595.8 116.7 625 162.5 637.5H162.5L295.8 679.2H295.8C300 679.2 308.3 683.3 316.7 691.7 325 700 329.2 704.2 329.2 712.5V712.5L362.5 833.3C370.8 858.3 379.2 883.3 395.8 900 408.3 916.7 429.2 929.2 450 933.3 495.8 941.7 533.3 908.3 562.5 862.5L637.5 741.7C641.7 737.5 645.8 729.2 654.2 725 662.5 720.8 670.8 716.7 679.2 720.8L816.7 729.2C820.8 729.2 825 729.2 829.2 729.2 879.2 729.2 920.8 716.7 941.7 679.2 954.2 637.5 937.5 591.7 900 550ZM879.2 654.2C875 658.3 862.5 675 816.7 670.8L679.2 662.5C658.3 662.5 641.7 666.7 625 675 608.3 683.3 591.7 695.8 583.3 712.5L504.2 833.3C479.2 875 462.5 879.2 454.2 875 450 875 445.8 870.8 437.5 862.5 429.2 854.2 425 841.7 416.7 816.7L383.3 695.8V695.8C379.2 679.2 366.7 662.5 354.2 650 350 637.5 333.3 625 316.7 620.8H316.7L183.3 579.2C150 566.7 141.7 554.2 137.5 545.8 137.5 545.8 137.5 545.8 137.5 541.7 137.5 533.3 141.7 516.7 170.8 495.8L270.8 416.7C283.3 408.3 295.8 391.7 304.2 375 312.5 358.3 316.7 341.7 316.7 325L312.5 170.8C312.5 133.3 325 120.8 329.2 116.7 337.5 112.5 354.2 112.5 383.3 133.3L512.5 225C525 233.3 545.8 241.7 558.3 241.7 566.7 241.7 570.8 241.7 579.2 241.7 591.7 241.7 600 241.7 612.5 237.5L737.5 195.8C770.8 183.3 787.5 191.7 791.7 195.8 795.8 200 800 208.3 800 220.8 800 229.2 800 237.5 795.8 254.2L754.2 387.5V387.5C750 404.2 750 425 754.2 441.7 758.3 458.3 766.7 475 775 491.7L858.3 587.5C883.3 629.2 883.3 645.8 879.2 654.2Z",
"width": 1000
},
"search": [
"magic-star"
]
},
{
"uid": "1811d7a152d8dc9fd1b63ba5b6aae0fb",
"css": "play",
"code": 59393,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M766.7 325L408.3 150C350 116.7 291.7 100 245.8 95.8 200 91.7 158.3 100 129.2 129.2S91.7 200 95.8 245.8C100 291.7 120.8 345.8 150 408.3L187.5 479.2C187.5 483.3 191.7 487.5 191.7 500 191.7 508.3 191.7 516.7 187.5 520.8L150 591.7C120.8 654.2 100 708.3 95.8 754.2 91.7 800 100 841.7 129.2 870.8 158.3 900 200 908.3 245.8 904.2 291.7 900 345.8 883.3 408.3 850L766.7 670.8C850 629.2 904.2 566.7 904.2 495.8S850 366.7 766.7 325ZM737.5 616.7L379.2 795.8C320.8 825 275 841.7 237.5 841.7 200 845.8 183.3 837.5 170.8 825 158.3 812.5 150 795.8 154.2 758.3S170.8 675 200 616.7L237.5 545.8C250 533.3 254.2 516.7 254.2 500 254.2 483.3 250 466.7 245.8 450L208.3 379.2C179.2 320.8 166.7 275 162.5 237.5S166.7 183.3 179.2 170.8 208.3 150 245.8 154.2C283.3 158.3 329.2 170.8 387.5 200L745.8 379.2C820.8 416.7 850 462.5 850 495.8S812.5 579.2 737.5 616.7Z",
"width": 1000
},
"search": [
"play"
]
},
{
"uid": "39dbcaf5114baeee024ed94e740839e3",
"css": "privacy-policy",
"code": 59394,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M516.7 645.8H333.3C316.7 645.8 300 658.3 300 679.2 300 691.7 316.7 708.3 333.3 708.3H516.7C533.3 708.3 550 695.8 550 675 545.8 658.3 533.3 645.8 516.7 645.8ZM625 479.2H333.3C316.7 479.2 300 491.7 300 512.5 300 525 316.7 541.7 333.3 541.7H625C641.7 541.7 658.3 529.2 658.3 508.3 658.3 491.7 641.7 479.2 625 479.2ZM845.8 200C808.3 158.3 758.3 141.7 695.8 137.5 691.7 104.2 679.2 83.3 658.3 66.7 633.3 50 604.2 50 587.5 50H412.5C395.8 50 366.7 50 341.7 66.7 320.8 83.3 308.3 108.3 304.2 137.5 241.7 145.8 191.7 162.5 154.2 204.2 112.5 250 91.7 320.8 91.7 416.7V666.7C91.7 750 100 825 145.8 875 191.7 925 266.7 950 370.8 950H620.8C729.2 950 800 929.2 845.8 875 891.7 825 900 750 900 666.7V416.7C908.3 320.8 887.5 250 845.8 200ZM375 120.8C383.3 116.7 391.7 116.7 416.7 116.7H583.3C608.3 116.7 616.7 116.7 625 120.8 629.2 120.8 637.5 129.2 637.5 166.7 637.5 166.7 637.5 166.7 637.5 166.7 637.5 187.5 637.5 200 633.3 204.2 633.3 208.3 625 216.7 587.5 216.7H420.8C395.8 216.7 387.5 216.7 379.2 212.5 375 212.5 366.7 204.2 366.7 166.7S375 120.8 375 120.8ZM841.7 666.7C841.7 750 829.2 800 804.2 833.3 775 866.7 725 883.3 625 883.3H375C275 883.3 220.8 862.5 195.8 833.3 166.7 800 158.3 750 158.3 666.7V416.7C158.3 325 175 275 200 245.8 220.8 220.8 254.2 208.3 304.2 204.2 308.3 229.2 320.8 250 341.7 266.7 366.7 283.3 395.8 283.3 412.5 283.3H583.3C629.2 283.3 662.5 270.8 683.3 241.7 691.7 229.2 695.8 216.7 695.8 200 745.8 204.2 779.2 220.8 800 241.7 825 270.8 841.7 320.8 841.7 412.5V666.7Z",
"width": 1000
},
"search": [
"privacy-policy"
]
},
{
"uid": "8d69358dbc3e596b030f178d8f2a538e",
"css": "crazy",
"code": 59395,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M979.2 125C975 108.3 962.5 95.8 954.2 87.5 941.7 75 929.2 66.7 916.7 62.5 904.2 58.3 887.5 54.2 870.8 54.2 854.2 54.2 837.5 58.3 825 62.5 812.5 70.8 795.8 79.2 787.5 87.5H787.5L562.5 320.8 562.5 320.8 20.8 879.2C12.5 887.5 8.3 900 12.5 908.3 16.7 920.8 25 929.2 33.3 929.2 275 983.3 475 900 616.7 804.2 687.5 754.2 741.7 704.2 779.2 666.7 800 645.8 812.5 629.2 825 616.7 829.2 612.5 833.3 604.2 837.5 604.2 837.5 604.2 837.5 600 841.7 600L841.7 600 841.7 600C850 587.5 850 570.8 837.5 558.3L750 470.8 950 254.2C962.5 241.7 970.8 229.2 975 216.7 979.2 204.2 983.3 187.5 983.3 170.8S987.5 141.7 979.2 125ZM775 583.3C766.7 591.7 754.2 608.3 737.5 625 700 662.5 650 708.3 583.3 754.2 462.5 837.5 295.8 908.3 104.2 879.2L583.3 387.5 687.5 491.7C687.5 491.7 687.5 491.7 687.5 495.8H687.5L775 583.3ZM925 195.8C920.8 200 916.7 208.3 908.3 212.5 908.3 212.5 908.3 212.5 908.3 212.5L708.3 429.2 625 345.8 829.2 133.3C833.3 125 841.7 120.8 850 116.7 858.3 112.5 866.7 112.5 870.8 112.5 879.2 112.5 887.5 112.5 891.7 116.7 900 120.8 904.2 125 908.3 129.2S916.7 141.7 920.8 145.8C925 154.2 925 162.5 925 166.7S925 187.5 925 195.8Z",
"width": 1000
},
"search": [
"crazy"
]
},
{
"uid": "83f34d05e31a12e6bd64706dfbe65766",
"css": "all_packages",
"code": 59396,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M904.2 595.8C900 575 895.8 550 879.2 529.2 866.7 508.3 845.8 495.8 820.8 483.3V250C820.8 229.2 820.8 204.2 816.7 183.3 812.5 162.5 808.3 137.5 791.7 116.7 762.5 75 708.3 54.2 620.8 54.2H375C287.5 54.2 233.3 75 204.2 116.7 187.5 133.3 183.3 158.3 179.2 179.2 175 204.2 175 225 175 250V487.5C150 495.8 133.3 512.5 116.7 533.3 104.2 554.2 95.8 579.2 91.7 600 87.5 620.8 87.5 645.8 87.5 666.7V708.3C87.5 737.5 87.5 766.7 91.7 791.7 100 820.8 108.3 850 125 875 158.3 925 225 950 333.3 950H666.7C754.2 950 816.7 925 858.3 879.2 895.8 833.3 908.3 770.8 908.3 712.5V670.8C908.3 641.7 908.3 620.8 904.2 595.8ZM241.7 250C241.7 225 241.7 208.3 245.8 187.5 245.8 170.8 254.2 158.3 258.3 150 270.8 133.3 300 116.7 379.2 116.7H629.2C708.3 116.7 737.5 133.3 750 150 758.3 158.3 762.5 170.8 762.5 187.5 758.3 208.3 758.3 225 758.3 250V470.8C741.7 470.8 725 466.7 708.3 466.7 687.5 466.7 666.7 470.8 654.2 475 637.5 479.2 629.2 487.5 616.7 495.8L616.7 495.8C616.7 495.8 612.5 495.8 612.5 500L570.8 545.8V545.8C533.3 583.3 470.8 583.3 433.3 545.8L391.7 500C391.7 500 387.5 495.8 387.5 495.8L387.5 495.8C379.2 487.5 366.7 479.2 350 475 333.3 470.8 312.5 466.7 291.7 466.7 270.8 466.7 254.2 466.7 241.7 470.8V250ZM841.7 708.3C841.7 762.5 833.3 804.2 808.3 837.5 783.3 866.7 741.7 887.5 666.7 887.5H333.3C233.3 887.5 195.8 866.7 175 841.7 166.7 829.2 162.5 812.5 158.3 787.5 154.2 766.7 154.2 741.7 154.2 712.5V670.8C154.2 645.8 154.2 629.2 158.3 608.3 158.3 591.7 166.7 579.2 170.8 570.8 183.3 554.2 212.5 537.5 291.7 537.5 312.5 537.5 320.8 537.5 325 541.7 333.3 537.5 337.5 541.7 345.8 550L387.5 591.7C416.7 625 458.3 641.7 500 641.7S583.3 625 612.5 591.7L654.2 550C662.5 541.7 666.7 541.7 675 537.5 679.2 537.5 691.7 533.3 708.3 533.3 787.5 533.3 816.7 550 829.2 566.7 837.5 575 841.7 587.5 841.7 604.2 845.8 620.8 845.8 641.7 845.8 666.7V708.3ZM570.8 345.8H433.3C416.7 345.8 400 358.3 400 379.2 400 395.8 412.5 412.5 433.3 412.5H570.8C587.5 412.5 604.2 400 604.2 379.2 600 362.5 587.5 345.8 570.8 345.8ZM604.2 225H395.8C379.2 225 362.5 237.5 362.5 258.3 362.5 275 375 291.7 395.8 291.7H604.2C620.8 291.7 637.5 279.2 637.5 258.3 633.3 237.5 620.8 225 604.2 225Z",
"width": 1000
},
"search": [
"all_packages"
]
},
{
"uid": "2c9a97699ce25914630cbc62849761d5",
"css": "terms-&-cond",
"code": 59397,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M666.7 508.3H333.3C316.7 508.3 300 520.8 300 541.7S312.5 575 333.3 575H666.7C683.3 575 700 562.5 700 541.7S683.3 508.3 666.7 508.3ZM666.7 300H333.3C316.7 300 300 316.7 300 333.3S316.7 366.7 333.3 366.7H666.7C683.3 366.7 700 354.2 700 333.3S683.3 300 666.7 300ZM333.3 366.7H666.7C683.3 366.7 700 354.2 700 333.3S683.3 300 666.7 300H333.3C316.7 300 300 316.7 300 333.3S316.7 366.7 333.3 366.7ZM666.7 508.3H333.3C316.7 508.3 300 520.8 300 541.7S312.5 575 333.3 575H666.7C683.3 575 700 562.5 700 541.7S683.3 508.3 666.7 508.3ZM916.7 75H83.3C66.7 75 50 87.5 50 108.3S66.7 133.3 83.3 133.3H120.8V600C120.8 650 145.8 700 183.3 729.2L400 891.7C458.3 933.3 537.5 933.3 595.8 891.7L812.5 729.2C854.2 700 879.2 650 879.2 600V133.3H916.7C933.3 133.3 950 120.8 950 100S933.3 75 916.7 75ZM816.7 604.2C816.7 637.5 800 666.7 775 683.3L558.3 845.8C525 870.8 475 870.8 441.7 845.8L225 683.3C200 662.5 183.3 633.3 183.3 604.2V133.3H816.7V604.2ZM333.3 366.7H666.7C683.3 366.7 700 354.2 700 333.3S683.3 300 666.7 300H333.3C316.7 300 300 316.7 300 333.3S316.7 366.7 333.3 366.7ZM333.3 575H666.7C683.3 575 700 562.5 700 541.7S687.5 508.3 666.7 508.3H333.3C316.7 508.3 300 520.8 300 541.7S316.7 575 333.3 575Z",
"width": 1000
},
"search": [
"terms-&-cond"
]
},
{
"uid": "8c13722b5cc45ade10652caf542ec26e",
"css": "diamond",
"code": 59398,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M929.2 370.8L779.2 204.2C758.3 179.2 725 166.7 695.8 166.7H308.3C275 166.7 245.8 179.2 225 204.2L75 370.8C33.3 416.7 37.5 483.3 79.2 529.2L420.8 883.3C466.7 929.2 541.7 929.2 583.3 883.3L925 529.2C966.7 483.3 970.8 416.7 929.2 370.8ZM116.7 412.5L266.7 245.8C279.2 237.5 291.7 229.2 308.3 229.2H433.3L275 429.2H108.3C108.3 425 112.5 416.7 116.7 412.5ZM500 250L645.8 429.2H354.2L500 250ZM125 491.7H283.3L429.2 804.2 125 491.7ZM354.2 491.7H645.8L500 804.2 354.2 491.7ZM570.8 804.2L716.7 491.7H875L570.8 804.2ZM725 429.2L566.7 229.2H691.7C708.3 229.2 720.8 237.5 729.2 245.8L879.2 412.5C883.3 416.7 887.5 420.8 887.5 429.2H725Z",
"width": 1000
},
"search": [
"diamond"
]
},
{
"uid": "97ea590a6f485a6af416d3bd37536c95",
"css": "lock",
"code": 59399,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M895.8 437.5C866.7 408.3 829.2 395.8 779.2 391.7V333.3C779.2 262.5 770.8 191.7 725 137.5 679.2 83.3 608.3 54.2 495.8 54.2S316.7 83.3 270.8 137.5C229.2 191.7 216.7 262.5 216.7 333.3V387.5C166.7 391.7 129.2 404.2 100 433.3 58.3 475 50 537.5 50 620.8V704.2C50 787.5 58.3 850 100 891.7 141.7 933.3 204.2 941.7 287.5 941.7H704.2C787.5 941.7 850 933.3 891.7 891.7 933.3 850 941.7 787.5 941.7 704.2V620.8C950 541.7 937.5 479.2 895.8 437.5ZM283.3 333.3C283.3 266.7 291.7 212.5 325 175 350 141.7 400 116.7 500 116.7S650 141.7 679.2 179.2C708.3 216.7 720.8 270.8 720.8 337.5V387.5H283.3V333.3ZM883.3 708.3C883.3 791.7 870.8 833.3 850 854.2 833.3 875 791.7 883.3 708.3 883.3H291.7C208.3 883.3 166.7 870.8 145.8 850 125 833.3 116.7 791.7 116.7 708.3V625C116.7 541.7 129.2 500 150 479.2 166.7 458.3 208.3 450 291.7 450H708.3C791.7 450 833.3 462.5 854.2 483.3 875 500 883.3 541.7 883.3 625V708.3ZM500 533.3C425 533.3 366.7 595.8 366.7 666.7S429.2 800 500 800 633.3 737.5 633.3 666.7 575 533.3 500 533.3ZM500 741.7C458.3 741.7 425 708.3 425 666.7S458.3 591.7 500 591.7 575 625 575 666.7 541.7 741.7 500 741.7Z",
"width": 1000
},
"search": [
"lock"
]
},
{
"uid": "19c39957a85bdd5ec25b680904186893",
"css": "notification",
"code": 59400,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M118.7 545.2L90.8 528.4 90.7 528.5 118.7 545.2ZM63.5 637.4L35.5 620.6 35.5 620.7 63.5 637.4ZM115.7 778.7L105.3 809.6 105.4 809.6 115.7 778.7ZM756.1 778.7L766.4 809.6 766.4 809.6 756.1 778.7ZM808.3 637.4L836.2 620.6 836.2 620.6 808.3 637.4ZM753 545.2L781 528.5 781 528.4 753 545.2ZM725.7 354.8H758.3L758.3 354.7 725.7 354.8ZM435.7 32.6C257.6 32.6 113.5 176.8 113.5 354.8H178.7C178.7 212.8 293.7 97.8 435.7 97.8V32.6ZM113.5 354.8V446.1H178.7V354.8H113.5ZM113.5 446.1C113.5 457 111.1 472.5 106.7 488.6 102.2 504.8 96.3 519.1 90.8 528.4L146.6 562.1C156.3 546.1 164.1 525.7 169.5 506 175 486.2 178.7 464.7 178.7 446.1H113.5ZM90.7 528.5L35.5 620.6 91.4 654.1 146.7 562 90.7 528.5ZM35.5 620.7C13.9 656.8 9.6 697.2 22.8 732.9 36 768.6 65.5 796.4 105.3 809.6L126 747.8C103.2 740.2 89.7 725.8 84 710.3 78.2 694.8 79.1 674.9 91.5 654.1L35.5 620.7ZM105.4 809.6C319.9 881 551.9 881 766.4 809.6L745.8 747.8C544.6 814.7 327.1 814.7 125.9 747.8L105.4 809.6ZM766.4 809.6C845 783.4 878.6 691.5 836.2 620.6L780.3 654.1C801.4 689.4 784.6 734.8 745.8 747.8L766.4 809.6ZM836.2 620.6L781 528.5 725.1 562 780.3 654.1 836.2 620.6ZM781 528.4C775.4 519.2 769.6 504.7 765.1 488.5 760.6 472.2 758.3 456.8 758.3 446.1H693C693 464.5 696.8 486 702.2 505.8 707.6 525.5 715.5 546 725.1 562.1L781 528.4ZM758.3 446.1V354.8H693V446.1H758.3ZM758.3 354.7C757.8 177.6 612.8 32.6 435.7 32.6V97.8C576.8 97.8 692.7 213.7 693 354.9L758.3 354.7ZM547 796.5C547 858.1 496.3 908.7 434.8 908.7V973.9C532.4 973.9 612.2 894.1 612.2 796.5H547ZM434.8 908.7C404.3 908.7 376 896 355.7 875.6L309.6 921.8C341.4 953.6 386.1 973.9 434.8 973.9V908.7ZM355.7 875.6C335.3 855.3 322.6 827 322.6 796.5H257.4C257.4 845.2 277.7 889.9 309.6 921.8L355.7 875.6Z",
"width": 870
},
"search": [
"notification"
]
},
{
"uid": "a0dff324e51217d37350ab34f592c5d7",
"css": "message",
"code": 59401,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M144.3 161.9C110.3 193.4 87.5 244.6 87.5 325V675C87.5 755.3 110.3 806.6 144.3 838.1 178.8 870.2 230.7 887.5 300 887.5H550C570.7 887.5 587.5 904.3 587.5 925 587.5 945.7 570.7 962.5 550 962.5H300C219.3 962.5 146.2 942.3 93.2 893.1 39.7 843.4 12.5 769.7 12.5 675V325C12.5 230.4 39.7 156.6 93.2 106.9 146.2 57.7 219.3 37.5 300 37.5H800C880.7 37.5 953.8 57.7 1006.8 106.9 1060.3 156.6 1087.5 230.4 1087.5 325V475C1087.5 495.7 1070.7 512.5 1050 512.5 1029.3 512.5 1012.5 495.7 1012.5 475V325C1012.5 244.6 989.7 193.4 955.7 161.9 921.2 129.8 869.3 112.5 800 112.5H300C230.7 112.5 178.8 129.8 144.3 161.9ZM829.3 326.6C842.2 342.8 839.6 366.4 823.4 379.3L666.9 504.3 666.9 504.3C601.7 556.2 497.8 556.2 432.6 504.3L432.6 504.3 276.6 379.3C260.4 366.3 257.8 342.7 270.7 326.6 283.7 310.4 307.3 307.8 323.4 320.7L479.4 445.7C479.4 445.7 479.4 445.7 479.4 445.7 517.2 475.8 582.3 475.8 620.1 445.7 620.1 445.7 620.1 445.7 620.1 445.7L776.6 320.7C792.8 307.8 816.4 310.4 829.3 326.6ZM956.7 572.8C989.8 569.4 1020.3 584.3 1047.5 611.5 1074.8 638.8 1089.9 669.4 1086.6 702.6 1083.5 733.9 1064.9 758.1 1047.5 775.5L1027.2 795.9C1024.4 800 1020.9 803.4 1016.9 806.1L870.9 952.1C863.6 959.8 854.6 965.4 847.1 969.1 839.4 973 829.9 976.5 820.4 978L819.7 978.1 819.7 978.1 752.3 987.6C752.3 987.6 752.3 987.6 752.3 987.6 730.2 990.8 707.4 985 691 968.5 674.5 952.1 668.7 929.3 671.9 907.2 671.9 907.2 671.9 907.2 671.9 907.2L681.4 839.8 681.5 839.2 681.5 839.2C683 829.5 686.6 820 690.5 812.4 694.4 804.7 699.9 796.1 707 789L858 637.9C858.3 637.6 858.7 637.3 859 637L884 612 903.2 631.2 884 612C901.4 594.6 925.6 576 956.7 572.8ZM873.4 728.6L760.1 841.9C760.1 841.9 760.1 841.9 760.1 841.9 760.1 842 759.8 842.3 759.3 843 758.7 843.8 758 845 757.4 846.2 756.8 847.5 756.2 848.7 755.9 849.7 755.7 850.3 755.6 850.7 755.5 850.9L746.9 912.7 808.6 904C808.8 903.9 809.3 903.8 810 903.6 811.1 903.2 812.3 902.7 813.6 902 814.9 901.4 815.9 900.8 816.6 900.3 816.8 900.2 816.9 900.1 816.9 900 817.1 899.8 817.3 899.7 817.5 899.5L930.8 786.2C907.9 771.2 888.3 751.6 873.4 728.6ZM985.7 731.2C960.6 719.2 940.4 698.8 928.4 673.6L937 665C950.1 651.9 958.9 648 964.3 647.4 967.7 647.1 977.2 647.2 994.5 664.5 1012.2 682.2 1012.3 691.9 1012 695.2 1011.5 700.6 1007.6 709.4 994.5 722.5L985.7 731.2Z",
"width": 1100
},
"search": [
"message"
]
},
{
"uid": "c6a00e21a96841dd37e5f413d44583ad",
"css": "rate",
"code": 59402,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M722.4 100.7C718 100.7 701.4 104.6 683.5 141.1L683.4 141.4 683.4 141.4 605.1 297.9C596.1 316.2 581.3 331.7 566.3 342.9 551.2 354.1 532 363.9 511.7 367.2 511.7 367.2 511.7 367.2 511.7 367.2L370.3 390.5C332.2 397.1 323 411.5 321.4 416.7 319.7 421.7 318.8 438.8 346.1 466.1L316.7 495.6 346.1 466.1 456.7 576.6 457.1 577.1 457.1 577.1C472.2 592.6 482.3 613 487.8 632.4 493.4 651.8 495.7 674.7 490.6 696.2L458.9 832.7 458.9 832.8C447.3 883 460.1 896.6 461.7 897.8 463.5 899 480.6 906.9 524.9 880.8 524.9 880.8 524.9 880.8 524.9 880.8L657.5 802C677.5 790 701.4 785.3 722.8 785.3 744.1 785.3 768 790 788.1 802L920.7 880.8 920.8 880.9C965 907.3 982.1 899.3 983.8 898 985.5 896.8 998.3 883 986.6 832.8L986.6 832.7 955 696.2C955 696.1 955 696.1 955 696.1 949.9 674.5 952.1 651.5 957.7 632 963.3 612.6 973.4 592.1 988.9 576.6L1099.3 466.2C1099.3 466.2 1099.3 466.2 1099.4 466.2 1126.7 438.5 1125.8 421.4 1124.2 416.2 1122.6 411.2 1113.5 396.9 1075.5 390.6 1075.5 390.6 1075.4 390.6 1075.4 390.6 1075.4 390.6 1075.4 390.6 1075.4 390.6L933.8 367.2 932.9 367.1C913.3 363.4 894.5 353.9 879.4 342.8 864.5 331.7 849.5 316.4 840.4 297.9L762.2 141.5C762.2 141.5 762.2 141.5 762.2 141.5 743.8 104.8 726.9 100.7 722.4 100.7ZM722.4 17.4C773.4 17.4 812.3 55.7 836.7 104L836.7 104.1 915 260.8 915.2 261.2 915.2 261.2C916.7 264.3 921.2 270 928.9 275.7 936.4 281.2 943.5 284.2 947.9 285.1L1089 308.3 1089 308.3C1141.5 317 1188.2 342.9 1203.6 390.8 1218.9 438.6 1196 487 1158.5 524.9L1158.4 525 1047.8 635.6C1044.9 638.5 1040.6 645.2 1037.8 654.9 1035.1 664.6 1035.1 672.7 1036.1 677.2L1036.2 677.3 1067.8 813.9C1067.8 813.9 1067.8 813.9 1067.8 813.9 1081.2 871.5 1077.6 932.7 1032.9 965.3 988.2 998 928.9 982.7 878.2 952.5 878.2 952.5 878.2 952.5 878.2 952.5 878.1 952.5 878.1 952.5 878.1 952.5L745.4 873.6 745.1 873.4 745.1 873.4C741.3 871.1 733.3 868.6 722.8 868.6 712.3 868.6 704.3 871.1 700.5 873.4L700.2 873.6 700.2 873.6 567.4 952.5 567.3 952.5C516.6 982.5 457.3 997.6 412.7 965.1 367.9 932.6 364.4 871.5 377.7 813.9L409.4 677.3 409.5 677C410.4 673 410.5 665.1 407.7 655.3 405 645.8 400.7 638.7 397.5 635.3L287.2 525C249.5 487.4 226.7 439.1 242 391.3 257.3 343.5 303.9 317.4 356.3 308.4L356.6 308.3 356.6 308.3 498.2 285 498.3 285C501.9 284.4 508.8 281.7 516.5 276 524.2 270.3 528.7 264.4 530.3 261.2L530.5 260.8 530.5 260.8 608.8 104.3C632.5 55.9 671.2 17.4 722.4 17.4ZM13.9 111.1C13.9 88.1 32.5 69.4 55.6 69.4H388.9C411.9 69.4 430.6 88.1 430.6 111.1 430.6 134.1 411.9 152.8 388.9 152.8H55.6C32.5 152.8 13.9 134.1 13.9 111.1ZM13.9 500C13.9 477 32.5 458.3 55.6 458.3H111.1C134.1 458.3 152.8 477 152.8 500 152.8 523 134.1 541.7 111.1 541.7H55.6C32.5 541.7 13.9 523 13.9 500ZM13.9 888.9C13.9 865.9 32.5 847.2 55.6 847.2H222.2C245.2 847.2 263.9 865.9 263.9 888.9 263.9 911.9 245.2 930.6 222.2 930.6H55.6C32.5 930.6 13.9 911.9 13.9 888.9Z",
"width": 1222
},
"search": [
"rate"
]
},
{
"uid": "977b12dbd799da8e3896b6837260958d",
"css": "share",
"code": 59403,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M705.1 118.9C731 73.3 787.8 58.1 832 84.1 876.6 110.2 892.3 168.7 866.2 214.7 840.3 260.3 783.5 275.4 739.3 249.5 694.7 223.3 679 164.8 705.1 118.9ZM868.2 22.5C789.1-23.9 688.3 3.9 643 83.6 597.9 163 624.4 264.9 703.1 311.1 782.2 357.5 883 329.7 928.3 249.9 973.4 170.5 946.9 68.7 868.2 22.5ZM591.6 99.4C593.4 119 579 136.4 559.3 138.3 457.5 147.8 361.2 200.7 298 289.6 286.6 305.7 264.3 309.5 248.2 298 232.2 286.6 228.4 264.3 239.8 248.2 315.3 142 430.6 78.6 552.7 67.1 572.3 65.3 589.7 79.7 591.6 99.4ZM239.7 699.5C256.3 688.8 278.4 693.7 289.1 710.3 319 757.1 360.2 797.7 411.1 827.5 460.2 856.3 512.4 872.1 565 875.9 584.7 877.3 599.5 894.4 598.1 914.1 596.7 933.8 579.6 948.6 559.9 947.2 496.3 942.6 433.4 923.5 374.9 889.1 314.2 853.5 264.8 804.9 228.9 748.8 218.3 732.2 223.1 710.1 239.7 699.5ZM258.5 412.5C214.3 386.6 157.5 401.7 131.6 447.3 105.5 493.3 121.2 551.8 165.8 577.9 210 603.9 266.8 588.7 292.7 543.1 318.8 497.2 303.1 438.7 258.5 412.5ZM69.5 412.1C114.8 332.3 215.6 304.5 294.7 350.9 373.4 397.2 399.9 499 354.8 578.4 309.5 658.1 208.7 685.9 129.6 639.5 50.9 593.3 24.4 491.5 69.5 412.1ZM707.3 785.3C733.2 739.7 790 724.6 834.2 750.5 878.8 776.7 894.5 835.2 868.4 881.1 842.5 926.7 785.7 941.9 741.5 915.9 696.9 889.8 681.2 831.3 707.3 785.3ZM870.4 688.9C791.3 642.5 690.5 670.3 645.2 750.1 600.1 829.5 626.6 931.3 705.3 977.5 784.4 1023.9 885.2 996.1 930.5 916.4 975.6 837 949.1 735.1 870.4 688.9Z",
"width": 1000
},
"search": [
"share"
]
},
{
"uid": "abdce6349b22376773c9307931df7e2a",
"css": "information",
"code": 59404,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M95.2 95.2C155.9 34.6 246.6 11.4 363.6 11.4H636.4C753.4 11.4 844.1 34.6 904.8 95.2 965.4 155.9 988.6 246.6 988.6 363.6V636.4C988.6 753.4 965.4 844.1 904.8 904.8 844.1 965.4 753.4 988.6 636.4 988.6H363.6C246.6 988.6 155.9 965.4 95.2 904.8 34.6 844.1 11.4 753.4 11.4 636.4V363.6C11.4 246.6 34.6 155.9 95.2 95.2ZM143.4 143.4C101.8 185 79.5 253.4 79.5 363.6V636.4C79.5 746.6 101.8 815 143.4 856.6 185 898.2 253.4 920.5 363.6 920.5H636.4C746.6 920.5 815 898.2 856.6 856.6 898.2 815 920.5 746.6 920.5 636.4V363.6C920.5 253.4 898.2 185 856.6 143.4 815 101.8 746.6 79.5 636.4 79.5H363.6C253.4 79.5 185 101.8 143.4 143.4ZM295.5 363.6C295.5 344.8 310.7 329.5 329.5 329.5H670.5C689.3 329.5 704.5 344.8 704.5 363.6 704.5 382.5 689.3 397.7 670.5 397.7H329.5C310.7 397.7 295.5 382.5 295.5 363.6ZM329.5 602.3C310.7 602.3 295.5 617.5 295.5 636.4 295.5 655.2 310.7 670.5 329.5 670.5H670.5C689.3 670.5 704.5 655.2 704.5 636.4 704.5 617.5 689.3 602.3 670.5 602.3H329.5Z",
"width": 1000
},
"search": [
"information"
]
},
{
"uid": "e9afa1d3024e0b521bc10b35c1a7f542",
"css": "lang",
"code": 59405,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M363.6 11.4C246.6 11.4 155.9 34.6 95.2 95.2 34.6 155.9 11.4 246.6 11.4 363.6V636.4C11.4 753.4 34.6 844.1 95.2 904.8 155.9 965.4 246.6 988.6 363.6 988.6H636.4C753.4 988.6 844.1 965.4 904.8 904.8 965.4 844.1 988.6 753.4 988.6 636.4V363.6C988.6 246.6 965.4 155.9 904.8 95.2 844.1 34.6 753.4 11.4 636.4 11.4H363.6ZM79.5 363.6C79.5 253.4 101.8 185 143.4 143.4 185 101.8 253.4 79.5 363.6 79.5H636.4C746.6 79.5 815 101.8 856.6 143.4 898.2 185 920.5 253.4 920.5 363.6V636.4C920.5 746.6 898.2 815 856.6 856.6 815 898.2 746.6 920.5 636.4 920.5H363.6C253.4 920.5 185 898.2 143.4 856.6 101.8 815 79.5 746.6 79.5 636.4V363.6ZM500 251.4C518.8 251.4 534.1 266.6 534.1 285.5V327.7H605.8C608.3 327.1 610.9 326.8 613.6 326.8 616.3 326.8 619 327.1 621.5 327.7H726.8C745.6 327.7 760.9 343 760.9 361.8 760.9 380.6 745.6 395.9 726.8 395.9H646.2C639.5 473.8 610.4 545.2 565.5 603.1 610.5 652.2 666.8 680.5 727.3 680.5 746.1 680.5 761.4 695.7 761.4 714.5 761.4 733.4 746.1 748.6 727.3 748.6 645.9 748.6 574 711.3 519.1 653.3 453.3 712.6 367.3 748.6 272.7 748.6 253.9 748.6 238.6 733.4 238.6 714.5 238.6 695.7 253.9 680.5 272.7 680.5 357.5 680.5 434.7 644.5 490.5 586.1 492.7 581.9 495.8 578.2 499.8 575.1 500.3 574.8 500.8 574.4 501.4 574 542.9 525.8 570.6 464.2 577.7 395.9H500 273.2C254.4 395.9 239.1 380.6 239.1 361.8 239.1 343 254.4 327.7 273.2 327.7H465.9V285.5C465.9 266.6 481.2 251.4 500 251.4Z",
"width": 1000
},
"search": [
"lang"
]
},
{
"uid": "705b801dfeb33ae0471fdd24e536753e",
"css": "purchases",
"code": 59430,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M645.8 562.5C629.2 562.5 612.5 575 612.5 595.8 612.5 658.3 562.5 712.5 495.8 712.5S379.2 662.5 379.2 595.8C379.2 579.2 366.7 562.5 345.8 562.5S312.5 575 312.5 595.8C312.5 691.7 391.7 770.8 487.5 770.8S662.5 691.7 662.5 595.8C675 575 662.5 562.5 645.8 562.5ZM908.3 229.2C883.3 212.5 850 212.5 825 212.5H808.3L658.3 62.5C645.8 50 625 50 612.5 62.5 600 75 600 95.8 612.5 108.3L720.8 216.7H283.3L391.7 108.3C404.2 95.8 404.2 75 391.7 62.5 375 50 358.3 50 345.8 62.5L195.8 212.5H175C150 212.5 116.7 212.5 91.7 229.2 62.5 250 50 283.3 50 325 50 370.8 62.5 408.3 91.7 429.2 100 433.3 108.3 437.5 112.5 437.5L166.7 779.2C175 820.8 187.5 862.5 216.7 895.8 250 929.2 295.8 945.8 362.5 945.8H612.5C679.2 945.8 729.2 929.2 758.3 895.8 787.5 862.5 800 820.8 804.2 783.3L870.8 433.3C879.2 433.3 887.5 429.2 895.8 425 929.2 404.2 937.5 370.8 937.5 320.8 950 283.3 937.5 250 908.3 229.2ZM754.2 775C745.8 816.7 737.5 837.5 725 858.3 712.5 875 683.3 887.5 620.8 887.5H370.8C316.7 887.5 287.5 875 270.8 858.3 254.2 841.7 241.7 812.5 237.5 775L183.3 445.8H820.8L754.2 775ZM879.2 366.7C879.2 375 875 375 875 375 870.8 375 866.7 379.2 858.3 379.2 850 379.2 845.8 379.2 833.3 379.2H166.7C158.3 379.2 150 379.2 141.7 379.2 133.3 379.2 129.2 375 125 375 125 375 112.5 366.7 112.5 325 112.5 291.7 120.8 283.3 125 279.2 133.3 275 145.8 270.8 170.8 270.8H820.8C845.8 270.8 862.5 275 866.7 279.2 875 283.3 883.3 291.7 883.3 325 883.3 345.8 883.3 358.3 879.2 366.7Z",
"width": 1000
},
"search": [
"purchases"
]
},
{
"uid": "4c4b6c7c88200b05de8b440a80f2f097",
"css": "inst",
"code": 59407,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M95.2 95.2C155.9 34.6 246.6 11.4 363.6 11.4H636.4C753.4 11.4 844.1 34.6 904.8 95.2 965.4 155.9 988.6 246.6 988.6 363.6V636.4C988.6 753.4 965.4 844.1 904.8 904.8 844.1 965.4 753.4 988.6 636.4 988.6H363.6C246.6 988.6 155.9 965.4 95.2 904.8 34.6 844.1 11.4 753.4 11.4 636.4V363.6C11.4 246.6 34.6 155.9 95.2 95.2ZM143.4 143.4C101.8 185 79.5 253.4 79.5 363.6V636.4C79.5 746.6 101.8 815 143.4 856.6 185 898.2 253.4 920.5 363.6 920.5H636.4C746.6 920.5 815 898.2 856.6 856.6 898.2 815 920.5 746.6 920.5 636.4V363.6C920.5 253.4 898.2 185 856.6 143.4 815 101.8 746.6 79.5 636.4 79.5H363.6C253.4 79.5 185 101.8 143.4 143.4ZM500 375C431 375 375 431 375 500 375 569 431 625 500 625 569 625 625 569 625 500 625 431 569 375 500 375ZM306.8 500C306.8 393.3 393.3 306.8 500 306.8 606.7 306.8 693.2 393.3 693.2 500 693.2 606.7 606.7 693.2 500 693.2 393.3 693.2 306.8 606.7 306.8 500ZM756.2 227.3C731.1 227.3 710.7 247.6 710.7 272.7 710.7 297.8 731.1 318.2 756.2 318.2H756.7C781.8 318.2 802.2 297.8 802.2 272.7 802.2 247.6 781.8 227.3 756.7 227.3H756.2Z",
"width": 1000
},
"search": [
"inst"
]
},
{
"uid": "f6a68286a14207e4de3b324550ca0150",
"css": "restore",
"code": 59408,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M500 11.4C338.3 11.4 217.2 78.9 137.2 145.6 114.9 164.3 95.6 182.9 79.5 200.1V90.9C79.5 72.1 64.3 56.8 45.5 56.8 26.6 56.8 11.4 72.1 11.4 90.9V298.2C11.4 317 26.6 332.3 45.5 332.3H136.8 247.3C266.1 332.3 281.4 317 281.4 298.2 281.4 279.4 266.1 264.1 247.3 264.1H136.8 113.7C130.6 244.4 153 221.2 180.9 198 252.4 138.4 358.5 79.5 500 79.5 733.8 79.5 920.5 267.8 920.5 500 920.5 695 787.6 859.1 607.2 906.6 589 911.4 578.1 930 582.9 948.2 587.7 966.4 606.4 977.3 624.6 972.5 834.2 917.3 988.6 726.8 988.6 500 988.6 230.4 771.6 11.4 500 11.4ZM79.5 500C79.5 481.2 64.3 465.9 45.5 465.9 26.6 465.9 11.4 481.2 11.4 500 11.4 521.6 12.8 542.9 15.5 563.8 17.9 582.4 35 595.6 53.7 593.2 72.4 590.7 85.5 573.6 83.1 554.9 80.8 537 79.5 518.6 79.5 500ZM111.5 660.9C104.2 643.5 84.3 635.3 66.9 642.5 49.5 649.7 41.3 669.6 48.5 687 65 726.8 86.6 763.8 112.4 797.5 123.9 812.4 145.3 815.2 160.2 803.7 175.1 792.2 177.9 770.8 166.4 755.9 144.2 727 125.6 695.1 111.5 660.9ZM244.1 833.6C229.2 822.1 207.8 824.9 196.3 839.8 184.8 854.7 187.6 876.1 202.5 887.6 236.2 913.4 273.2 935 313 951.5 330.3 958.7 350.3 950.5 357.5 933.1 364.7 915.7 356.5 895.8 339.1 888.5 304.9 874.4 273 855.8 244.1 833.6ZM445.1 916.9C426.4 914.5 409.3 927.6 406.8 946.3 404.4 965 417.6 982.1 436.2 984.5 457.1 987.2 478.4 988.6 500 988.6 518.8 988.6 534.1 973.4 534.1 954.5 534.1 935.7 518.8 920.5 500 920.5 481.4 920.5 463 919.2 445.1 916.9Z",
"width": 1000
},
"search": [
"restore"
]
},
{
"uid": "adcd8b42be8309ee990e4c4e0b318db6",
"css": "ghost",
"code": 59409,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M190.1 191C266 114.4 368.9 71.5 476.2 71.5 583.5 71.5 686.4 114.4 762.3 191 838.2 267.5 881 371.4 881 479.8V888.5L792.6 815.6C779.4 804.7 760.3 804.7 747.1 815.6L623 918 498.9 815.6C485.7 804.7 466.7 804.7 453.5 815.6L329.4 918 205.3 815.6C192.1 804.7 173 804.7 159.8 815.6L71.4 888.5V479.8C71.4 371.4 114.1 267.5 190.1 191ZM476.2 0C349.8 0 228.7 50.6 139.4 140.7 50.1 230.7 0 352.7 0 479.8V964.3C0 978.1 8 990.7 20.5 996.6 33 1002.5 47.8 1000.6 58.4 991.8L182.5 889.5 306.6 991.8C319.8 1002.7 338.9 1002.7 352.1 991.8L476.2 889.5 600.3 991.8C613.5 1002.7 632.6 1002.7 645.7 991.8L769.8 889.5 893.9 991.8C904.6 1000.6 919.4 1002.5 931.9 996.6 944.4 990.7 952.4 978.1 952.4 964.3V479.8C952.4 352.7 902.3 230.7 813 140.7 723.7 50.6 602.6 0 476.2 0ZM336 520.2C369.2 520.2 396.1 493.1 396.1 459.6 396.1 426.2 369.2 399.1 336 399.1 302.9 399.1 276 426.2 276 459.6 276 493.1 302.9 520.2 336 520.2ZM616.4 520.2C649.5 520.2 676.4 493.1 676.4 459.6 676.4 426.2 649.5 399.1 616.4 399.1 583.2 399.1 556.3 426.2 556.3 459.6 556.3 493.1 583.2 520.2 616.4 520.2Z",
"width": 952
},
"search": [
"ghost"
]
},
{
"uid": "f7b24ebdf92fac4c1c425906ad0c42ae",
"css": "setting",
"code": 59410,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M334.2 110.7C353.3 99.3 378.9 105.7 391.1 125.9L395.9 134.2 395.9 134.3C420 176.3 456.5 204.9 500.1 204.9 543.5 204.9 580.2 176.3 604.5 134.4L604.5 134.4 609.4 125.9C621.6 105.7 647.2 99.3 666.2 110.7L666.2 110.7 666.7 111 745.3 156 745.4 156C770.2 170.2 778.8 202.4 764.6 227 740.3 269 733.7 315 755.5 352.7 777.2 390.3 820.2 407.7 868.6 407.7 897.2 407.7 920.9 431.2 920.9 460V540C920.9 568.6 897.4 592.3 868.6 592.3 820.2 592.3 777.2 609.7 755.5 647.4 733.8 685 740.3 731 764.5 772.9 778.9 798.1 770.2 829.9 745.4 844L745.3 844.1 666.7 889.1 666.7 889.1 666.2 889.3C647.2 900.7 621.6 894.4 609.4 874.1L604.6 865.8 604.5 865.7C580.5 823.7 543.9 795.1 500.4 795.1 456.9 795.1 420.3 823.7 396 865.6L396 865.6 391.1 874.1C378.9 894.4 353.3 900.7 334.2 889.3L334.3 889.3 333.8 889.1 255.1 844.1 255.1 844C230.2 829.8 221.7 797.6 235.9 773 260.2 731 266.7 685.1 245 647.4 223.3 609.7 180.2 592.3 131.8 592.3 103 592.3 79.5 568.6 79.5 540V460C79.5 431.4 103 407.7 131.8 407.7 180.2 407.7 223.3 390.3 245 352.7 266.7 315 260.2 269 235.9 227 221.7 202.4 230.2 170.2 255.1 156L255.1 156 333.8 111 333.8 111 334.2 110.7ZM235.9 227C235.9 227 235.9 227 235.9 227L206.4 244.1 235.9 227C235.9 227 235.9 227 235.9 227ZM449.8 91.2C419.2 39.9 352.4 20.8 299.7 51.9L221.3 96.8 221.3 96.8 221.2 96.8C163.4 129.8 143.8 204 176.8 261.2L176.9 261.2C193.9 290.6 191.2 309.4 185.9 318.6 180.6 327.8 165.7 339.6 131.8 339.6 65.1 339.6 11.4 394 11.4 460V540C11.4 606 65.1 660.5 131.8 660.5 165.7 660.5 180.6 672.2 185.9 681.4 191.2 690.6 193.9 709.4 176.9 738.8L176.8 738.9C143.8 796 163.4 870.2 221.2 903.2L221.3 903.2 299.7 948.1C352.4 979.3 419.2 960.1 449.8 908.8L449.8 908.8 450 908.5 454.9 899.8 455 899.8C472 870.4 489.7 863.3 500.4 863.3 511.1 863.3 528.6 870.4 545.4 899.7L545.5 899.8 550.5 908.5 550.5 908.5 550.7 908.8C581.2 960.1 648.1 979.3 700.8 948.1L779.2 903.2 779.2 903.2C837.1 870.1 856.6 796.5 823.7 739L823.7 739 823.6 738.8C806.5 709.4 809.2 690.6 814.5 681.4 819.9 672.2 834.8 660.5 868.6 660.5 935.3 660.5 989.1 606 989.1 540V460C989.1 393.3 934.6 339.6 868.6 339.6 834.8 339.6 819.9 327.8 814.5 318.6 809.2 309.4 806.5 290.6 823.6 261.2L823.6 261.2C856.6 204 837 129.8 779.2 96.8L700.8 51.9C648.1 20.8 581.2 39.9 550.7 91.2L550.7 91.2 550.5 91.6 545.5 100.2 545.5 100.2C528.4 129.6 510.8 136.7 500.1 136.7 489.4 136.7 471.8 129.7 455 100.3L455 100.2 450 91.6 450 91.6 449.8 91.2ZM397.7 500C397.7 443.5 443.5 397.7 500 397.7 556.5 397.7 602.3 443.5 602.3 500 602.3 556.5 556.5 602.3 500 602.3 443.5 602.3 397.7 556.5 397.7 500ZM500 329.6C405.9 329.6 329.5 405.9 329.5 500 329.5 594.1 405.9 670.5 500 670.5 594.1 670.5 670.5 594.1 670.5 500 670.5 405.9 594.1 329.6 500 329.6Z",
"width": 1000
},
"search": [
"setting"
]
},
{
"uid": "c0f00bfaafecf771a588798f5995fee2",
"css": "settings",
"code": 59411,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M78.6 162.7C78.6 79.4 146.1 11.4 230 11.4 313.8 11.4 381.4 78.9 381.4 162.7 381.4 244.7 316.8 311.1 235.8 314.1 233.9 314.1 232.1 314.1 230.2 313.8 228.4 314.1 226.5 314.1 224.7 314.1 143.6 311.1 79.2 244.7 78.6 163L78.6 162.7ZM146.8 162.6C147.2 207.2 181.5 243 224.7 245.8 228.4 245.5 232.1 245.5 235.7 245.8 279 243 313.2 207.2 313.2 162.7 313.2 116.6 276.2 79.5 230 79.5 184 79.5 146.9 116.9 146.8 162.6ZM685.5 162.7C685.5 116.6 722.5 79.5 768.6 79.5 814.7 79.5 851.7 116.9 851.8 162.6 851.4 207.2 817.1 243 773.9 245.8 770.3 245.5 766.5 245.5 762.9 245.8 719.6 243 685.5 207.2 685.5 162.7ZM768.6 11.4C684.8 11.4 617.3 78.9 617.3 162.7 617.3 244.7 681.8 311.1 762.9 314.1 764.7 314.1 766.6 314.1 768.4 313.8 770.2 314.1 772.1 314.1 774 314.1 855 311.1 919.4 244.7 920 163H920V162.7C920 79.4 852.5 11.4 768.6 11.4ZM923.8 394.3C866.6 356.3 787.8 344.8 718.7 356.9 700.1 360.1 687.7 377.8 691 396.3 694.2 414.9 711.9 427.3 730.4 424 785.9 414.3 846.1 424.6 886.1 451.1 911 467.7 919 486.3 919 500.5 919 514.6 911 533.2 886.1 549.8L886 549.9C846.5 576.3 787.1 586.6 731.6 577.3 713 574.2 695.4 586.7 692.3 605.3 689.2 623.8 701.7 641.4 720.3 644.5 789.2 656.1 867 644.6 923.9 606.5 963.1 580.4 987.2 542.6 987.2 500.5 987.2 458.3 963.1 420.5 923.9 394.4L923.8 394.3ZM268.2 424C212.8 414.3 152.5 424.6 112.5 451.1 87.6 467.7 79.7 486.3 79.7 500.5 79.7 514.6 87.6 533.2 112.5 549.8L112.6 549.9C152.1 576.3 211.5 586.6 267.1 577.3 285.6 574.2 303.2 586.7 306.3 605.3 309.5 623.8 296.9 641.4 278.4 644.5 209.4 656.1 131.6 644.6 74.7 606.5 35.6 580.4 11.5 542.6 11.5 500.5 11.5 458.3 35.6 420.5 74.7 394.4L74.8 394.3C132.1 356.3 210.9 344.8 280 356.9 298.5 360.1 310.9 377.8 307.7 396.3 304.4 414.9 286.8 427.3 268.2 424ZM495.9 419.1C449.7 419.1 412.7 456.1 412.7 502.3 412.7 546.7 446.9 582.5 490.2 585.4 493.9 585 497.6 585 501.3 585.4 544.2 582.9 578.7 547 579.1 502.1 579 456.4 542 419.1 495.9 419.1ZM344.5 502.3C344.5 418.4 412.1 350.9 495.9 350.9 579.8 350.9 647.3 419 647.3 502.3V502.5H647.3C646.7 584.1 582.5 651.3 501 653.6 499.2 653.7 497.4 653.6 495.7 653.4 493.8 653.6 492 653.7 490.1 653.6 409.1 650.7 344.5 584.3 344.5 502.3ZM651.2 734.4C608.2 705.7 553.3 692.5 500.2 692.5 447 692.5 392 705.7 348.9 734.3L348.8 734.4C309.7 760.5 285.6 798.3 285.6 840.5 285.6 882.6 309.7 920.4 348.8 946.5 391.9 975.4 446.9 988.8 500 988.8 553.1 988.8 608.1 975.4 651.2 946.5 690.3 920.4 714.4 882.6 714.4 840.5 714.4 798.3 690.3 760.5 651.2 734.4ZM353.7 840.5C353.7 826.3 361.7 807.7 386.6 791.1 416.2 771.5 457.3 760.7 500.2 760.7 543.1 760.7 584 771.5 613.4 791.1 638.3 807.7 646.3 826.3 646.3 840.5 646.3 854.6 638.3 873.2 613.4 889.8L613.3 889.8C583.7 909.6 542.8 920.6 500 920.6 457.2 920.6 416.3 909.6 386.7 889.8L386.6 889.8C361.7 873.2 353.7 854.6 353.7 840.5Z",
"width": 1000
},
"search": [
"settings"
]
},
{
"uid": "dd62c27b488715bc9c53b0d0eb62e70f",
"css": "arrow",
"code": 59412,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M473.9 30.5C490.2 46.8 490.2 73.2 473.9 89.5L111.7 451.7C85.2 478.2 85.2 521.8 111.7 548.3L473.9 910.5C490.2 926.8 490.2 953.2 473.9 969.5 457.6 985.7 431.3 985.7 415 969.5L52.8 607.2C-6.3 548.2-6.3 451.8 52.8 392.8L415 30.5C431.3 14.3 457.6 14.3 473.9 30.5Z",
"width": 500
},
"search": [
"arrow"
]
}
]
}

3
src/module/shared/config/fontello.config.ts

@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
import fontelloConfig from './config.json';
export {fontelloConfig};

1
src/module/shared/enums/route-keys.ts

@ -1,4 +1,5 @@ @@ -1,4 +1,5 @@
export enum RouteKey {
Onboarding = 'Onboarding',
LanguageSelect = 'LanguageSelect',
Setting = 'Setting',
}

0
src/module/shared/index.ts → src/module/shared/index.tsx

Loading…
Cancel
Save