From 43897db7cbc1a438f744d33c9d3af87b28512f37 Mon Sep 17 00:00:00 2001
From: abhishek-01k <abhishek@push.org>
Date: Fri, 22 Dec 2023 14:18:41 +0530
Subject: [PATCH] New Guest Mode UI

---
 src/AppLogin.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/AppLogin.tsx b/src/AppLogin.tsx
index 3d52f9a989..8c9bb455a0 100644
--- a/src/AppLogin.tsx
+++ b/src/AppLogin.tsx
@@ -74,7 +74,7 @@ const AppLogin = ({ toggleDarkMode }) => {
         observer.disconnect();
       }
 
-      if(!readOnlyWallet) {
+      if (!readOnlyWallet) {
         connect();
         setModalHeight(0);
       }
@@ -131,13 +131,18 @@ const AppLogin = ({ toggleDarkMode }) => {
     return (
       <div style={{ maxWidth: '768px' }}>
         <GuestContainer padding='24px' gap='13px' background={theme.modalSearchBarBackground} borderRadius='24px'>
-          <ItemHV2 justifyContent='flex-start' gap='2px'>
+          {/* <ItemHV2 justifyContent='flex-start' gap='2px'>
             <H2 margin='0px' size='20px' weight='500' color={theme.default.secondaryColor}>Read-Only Mode</H2>
             <InfoLogo width='20px' height='20px' />
-          </ItemHV2>
+          </ItemHV2> */}
+
           <InputContainer>
 
-            <Input
+          <SpanV2 color={theme.default.secondaryColor} textAlign='start' flex='1'>
+            You can explore Push without connecting your wallet. You will have a chance to connect your wallet later.
+          </SpanV2>
+
+            {/* <Input
               autoFocus
               required
               maxlength="40"
@@ -154,12 +159,12 @@ const AppLogin = ({ toggleDarkMode }) => {
               placeholder='Enter wallet address'
               value={walletAddress}
               onChange={(e) => { handleReadOnlyWallet(e) }}
-            />
+            /> */}
 
 
             <ButtonsContainer>
-              <FilledButton onClick={initiateReadOnlyMode}>Read Only Mode</FilledButton>
-              <Span color={theme.default.color}>Or</Span>
+              {/* <FilledButton onClick={initiateReadOnlyMode}>Read Only Mode</FilledButton>
+              <Span color={theme.default.color}>Or</Span> */}
               <EmptyButton onClick={initiateGuestModa}>Continue as Guest</EmptyButton>
             </ButtonsContainer>
           </InputContainer>