From e5b35826e37181b92c266869dd5fd78a321e617a Mon Sep 17 00:00:00 2001
From: antonmazhuto <anton.mazhuto@cere.io>
Date: Mon, 18 Mar 2024 16:07:02 +0100
Subject: [PATCH] Made Cere Wallet Text Structure Customizable

---
 src/components/Login/OtpPage.tsx              | 14 ++++++--------
 src/routes/Authorize/AuthorizePermissions.tsx |  4 ++--
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/Login/OtpPage.tsx b/src/components/Login/OtpPage.tsx
index 1fd523c3..770927a5 100644
--- a/src/components/Login/OtpPage.tsx
+++ b/src/components/Login/OtpPage.tsx
@@ -95,28 +95,26 @@ export const OtpPage = ({ email, onRequestLogin }: OtpProps) => {
     }
   }, [email, location, navigate]);
 
-  console.log('verifyScreenSettings', verifyScreenSettings);
-
   const verifyScreenMainTitle = useMemo(() => {
-    return verifyScreenSettings.verifyScreenMainTitle || 'Verify email';
-  }, [verifyScreenSettings.verifyScreenMainTitle]);
+    return verifyScreenSettings?.verifyScreenMainTitle || 'Verify email';
+  }, [verifyScreenSettings?.verifyScreenMainTitle]);
 
   const cereWalletIcon = useMemo(() => {
     if (isGame) {
       return <CereWhiteLogo />;
     }
-    if (verifyScreenSettings.hideIconInHeader) {
+    if (verifyScreenSettings?.hideIconInHeader) {
       return;
     }
     return <CereIcon />;
-  }, [isGame, verifyScreenSettings.hideIconInHeader]);
+  }, [isGame, verifyScreenSettings?.hideIconInHeader]);
 
   const verifyScreenMainText = useMemo(() => {
     if (isGame) {
       return 'Access your account using the code sent to your email';
     }
-    return verifyScreenSettings.verifyScreenMainText || 'Access CERE using code sent to your email';
-  }, [isGame, verifyScreenSettings.verifyScreenMainText]);
+    return verifyScreenSettings?.verifyScreenMainText || 'Access CERE using code sent to your email';
+  }, [isGame, verifyScreenSettings?.verifyScreenMainText]);
 
   const poweredBySection = useMemo(() => {
     if (!verifyScreenSettings?.poweredBySection) {
diff --git a/src/routes/Authorize/AuthorizePermissions.tsx b/src/routes/Authorize/AuthorizePermissions.tsx
index 330d6450..4bd7b3dc 100644
--- a/src/routes/Authorize/AuthorizePermissions.tsx
+++ b/src/routes/Authorize/AuthorizePermissions.tsx
@@ -18,11 +18,11 @@ const AuthorizePermissions = () => {
   const permissionsScreenSettings = appStore.whiteLabel?.permissionsScreenSettings;
 
   const cereWalletIcon = useMemo(() => {
-    if (permissionsScreenSettings.hideIconInHeader) {
+    if (permissionsScreenSettings?.hideIconInHeader) {
       return;
     }
     return <CereIcon />;
-  }, [permissionsScreenSettings.hideIconInHeader]);
+  }, [permissionsScreenSettings?.hideIconInHeader]);
 
   const poweredBySection = useMemo(() => {
     if (!permissionsScreenSettings?.poweredBySection) {