Merge pull request #923 from cmgustavo/ref/sendTo-search-input-01

Fix: sendTo UI details
bitpay · Sep 13, 2023 · 6f3f5f9 · 6f3f5f9
2 parents f123b08 + 165c8ef
commit 6f3f5f9
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/src/navigation/wallet/screens/send/SendTo.tsx b/src/navigation/wallet/screens/send/SendTo.tsx
@@ -125,6 +125,10 @@ const PasteClipboardContainer = styled.TouchableOpacity`
   cursor: pointer;
 `;
 
+const ContactContainer = styled.View`
+  margin-top: 20px;
+`;
+
 export const ContactTitleContainer = styled.View`
   flex-direction: row;
   align-items: center;
@@ -140,7 +144,6 @@ export const ContactTitle = styled(BaseText)`
 `;
 
 const EmailContainer = styled.View`
-  align-items: center;
   flex-direction: row;
   margin-top: 10px;
 `;
@@ -155,6 +158,10 @@ const EmailIconContainer = styled.View`
   width: 50px;
 `;
 
+const EmailTextContainer = styled.View`
+  justify-content: center;
+`;
+
 const EmailText = styled(Paragraph)`
   font-weight: 600;
 `;
@@ -675,14 +682,16 @@ const SendTo = () => {
               <EmailIconContainer>
                 <SendLightSvg />
               </EmailIconContainer>
-              <Paragraph>
-                Send to <EmailText>{searchInput.toLowerCase()}</EmailText>
-              </Paragraph>
+              <EmailTextContainer>
+                <Paragraph>
+                  Send to <EmailText>{searchInput.toLowerCase()}</EmailText>
+                </Paragraph>
+              </EmailTextContainer>
             </EmailContainer>
           </TouchableOpacity>
         ) : null}
 
-        {clipboardData ? (
+        {clipboardData && !searchIsEmailAddress && !searchInput ? (
           <PasteClipboardContainer
             onPress={() => {
               haptic('impactLight');
@@ -694,8 +703,8 @@ const SendTo = () => {
           </PasteClipboardContainer>
         ) : null}
 
-        {contacts.length > 0 ? (
-          <>
+        {contacts.length > 0 && !searchIsEmailAddress ? (
+          <ContactContainer>
             <ContactTitleContainer>
               {ContactsSvg({})}
               <ContactTitle>{t('Contacts')}</ContactTitle>
@@ -724,7 +733,7 @@ const SendTo = () => {
                 />
               );
             })}
-          </>
+          </ContactContainer>
         ) : null}
 
         <OptionsSheet