Fixes brave/brave-browser#9605 - Shows both memo and address for assets

brave · May 6, 2020 · 3c155d1 · 3c155d1
1 parent 63f2d2d
commit 3c155d1
Showing 1 changed file with 46 additions and 20 deletions.
diff --git a/components/brave_new_tab_ui/components/default/binance/index.tsx b/components/brave_new_tab_ui/components/default/binance/index.tsx
@@ -741,7 +741,6 @@ class Binance extends React.PureComponent<Props, State> {
     const cleanName = this.currencyNames[currentDepositAsset]
     const cleanNameDisplay = cleanName ? `(${cleanName})` : ''
     const depositData = tag || address
-    const label = tag ? 'binanceWidgetDepositMemo' : 'binanceWidgetDepositAddress'
 
     return (
       <>
@@ -769,27 +768,54 @@ class Binance extends React.PureComponent<Props, State> {
           }
         </ListItem>
         <DetailArea>
-          <MemoArea>
-            <MemoInfo>
-              <DetailLabel>
-                {`${currentDepositAsset} ${getLocale(label)}`}
-              </DetailLabel>
-              <DetailInfo>
-                {
-                  depositData
-                  ? depositData
-                  : getLocale('binanceWidgetAddressUnavailable')
-                }
-              </DetailInfo>
-            </MemoInfo>
-            {
-              depositData
-              ? <CopyButton onClick={this.copyToClipboard.bind(this, depositData)}>
+          {
+            !depositData
+            ? <MemoArea>
+                <MemoInfo>
+                  <DetailLabel>
+                    {`${currentDepositAsset}`}
+                  </DetailLabel>
+                  <DetailInfo>
+                    {getLocale('binanceWidgetAddressUnavailable')}
+                  </DetailInfo>
+                </MemoInfo>
+              </MemoArea>
+            : null
+          }
+          {
+            address
+            ? <MemoArea>
+                <MemoInfo>
+                  <DetailLabel>
+                    {`${currentDepositAsset} ${getLocale('binanceWidgetDepositAddress')}`}
+                  </DetailLabel>
+                  <DetailInfo>
+                    {address}
+                  </DetailInfo>
+                </MemoInfo>
+                <CopyButton onClick={this.copyToClipboard.bind(this, address)}>
                   {getLocale('binanceWidgetCopy')}
                 </CopyButton>
-              : null
-            }
-          </MemoArea>
+              </MemoArea>
+            : null
+          }
+          {
+            tag
+            ? <MemoArea>
+                <MemoInfo>
+                  <DetailLabel>
+                    {`${currentDepositAsset} ${getLocale('binanceWidgetDepositMemo')}`}
+                  </DetailLabel>
+                  <DetailInfo>
+                    {tag}
+                  </DetailInfo>
+                </MemoInfo>
+                <CopyButton onClick={this.copyToClipboard.bind(this, tag)}>
+                  {getLocale('binanceWidgetCopy')}
+                </CopyButton>
+              </MemoArea>
+            : null
+          }
         </DetailArea>
       </>
     )