Merge pull request #7 from rarimo/fix/title-size

Fix title size & KYC error
rarimo · Dec 21, 2023 · bbffdd0 · bbffdd0
2 parents 63fb5e2 + 8b708a5
commit bbffdd0
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,9 +5,20 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Unreleased
+#### Added
+- `IsNotRegistered` KYC unauthorized error
+
 #### Changed
 - Notification toast styles
 - Redirect to rariMe app on submitted proof view
+- Update `large` media breakpoint to `1600px`
+
+#### Fixed
+- KYC providers. Fix title font size
+
+## [2.5.2] - 2023-12-21
+#### Changed
+- OG image
 
 ## [2.5.1] - 2023-12-11
 #### Fixed
@@ -152,7 +163,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 #### Under the hood changes
 - Initiated and setup project
 
-[Unreleased]: https://gitlab.com/distributed_lab/frontend/react-template/compare/2.5.1...main
+[Unreleased]: https://gitlab.com/distributed_lab/frontend/react-template/compare/2.5.2...main
+[2.5.2]: https://gitlab.com/distributed_lab/frontend/react-template/compare/2.5.1...2.5.2
 [2.5.1]: https://gitlab.com/distributed_lab/frontend/react-template/compare/2.5.0...2.5.1
 [2.5.0]: https://gitlab.com/distributed_lab/frontend/react-template/compare/2.4.5...2.5.0
 [2.4.5]: https://gitlab.com/distributed_lab/frontend/react-template/compare/2.4.4...2.4.5

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-template",
   "private": true,
-  "version": "2.5.1",
+  "version": "2.5.2",
   "gitHooks": {
     "pre-commit": "tsc && yarn lint",
     "pre-push": "yarn rsc"

diff --git a/src/helpers/kyc.helpers.ts b/src/helpers/kyc.helpers.ts
@@ -9,6 +9,7 @@ enum KycUnauthorizedErrorCodes {
   NotLikelyHuman = '4',
   ScoreTooLow = '5',
   InvalidGatewayToken = '6',
+  IsNotRegistered = '7',
 }
 
 export const localizeUnauthorizedError = (error: UnauthorizedError): string => {
@@ -34,5 +35,8 @@ export const localizeUnauthorizedError = (error: UnauthorizedError): string => {
     [KycUnauthorizedErrorCodes.InvalidGatewayToken]: i18n.t(
       'kyc-unauthorized-errors.invalid-gateway-token',
     ),
+    [KycUnauthorizedErrorCodes.IsNotRegistered]: i18n.t(
+      'kyc-unauthorized-errors.is-not-registered',
+    ),
   }[errorCode]
 }
diff --git a/src/localization/resources/en.json b/src/localization/resources/en.json
@@ -58,6 +58,7 @@
     "nonce-not-found": "Nonce not found",
     "not-likely-human": "Not likely human",
     "score-too-low": "Your Gitcoin Passport Score is below the required threshold. It needs to be at least 15.",
-    "invalid-gateway-token": "Invalid gateway token"
+    "invalid-gateway-token": "Invalid gateway token",
+    "is-not-registered": "You are not registered in the KYC provider"
   }
 }
diff --git a/src/pages/MainPage/components/4_KycProviders/styles.scss b/src/pages/MainPage/components/4_KycProviders/styles.scss
@@ -15,6 +15,10 @@
 .kyc-providers__title {
   margin-bottom: toRem(40);
 
+  @include respond-to(large) {
+    font-size: toRem(40);
+  }
+
   @include respond-to(xmedium) {
     position: relative;
     font-size: toRem(32);

diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
@@ -6,7 +6,7 @@ $media-breakpoints: (
   tablet: 868px,
   medium: 1024px,
   xmedium: 1280px,
-  large: 1400px,
+  large: 1600px,
   xlarge: 1920px,
   xlarge2k: 2048px,
   xlarge4k: 4096px,

diff --git a/static/branding/og-image.png b/static/branding/og-image.png
diff --git a/vite.config.ts b/vite.config.ts
@@ -91,7 +91,7 @@ export default defineConfig(({ mode }) => {
               tag: 'meta',
               attrs: {
                 property: 'og:image',
-                content: `${APP_DOMAIN}/branding/og-image.jpg`,
+                content: `${APP_DOMAIN}/branding/og-image.png`,
               },
             },
             {
@@ -142,7 +142,7 @@ export default defineConfig(({ mode }) => {
               tag: 'meta',
               attrs: {
                 name: 'twitter:image',
-                content: `${APP_DOMAIN}/branding/og-image.jpg`,
+                content: `${APP_DOMAIN}/branding/og-image.png`,
               },
             },