From 76ef99fa967590fce31c3e1f5ed96ed71036d607 Mon Sep 17 00:00:00 2001
From: Fernando <fernando.greco@gmail.com>
Date: Mon, 30 Nov 2020 13:10:42 -0300
Subject: [PATCH] (Fix) Native Coin transfer not shown (#1670)

* allow to display native coin transfers in the expanded view

* fix issue with fragment being passed to material-ui menu
---
 .../EllipsisTransactionDetails/index.tsx           | 14 ++++++++------
 .../TxsTable/ExpandedTx/TxDescription/index.tsx    |  4 +++-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/routes/safe/components/AddressBook/EllipsisTransactionDetails/index.tsx b/src/routes/safe/components/AddressBook/EllipsisTransactionDetails/index.tsx
index 783b0f52..0e3889e1 100644
--- a/src/routes/safe/components/AddressBook/EllipsisTransactionDetails/index.tsx
+++ b/src/routes/safe/components/AddressBook/EllipsisTransactionDetails/index.tsx
@@ -63,12 +63,14 @@ export const EllipsisTransactionDetails = ({
       <div className={classes.container} role="menu" tabIndex={0}>
         <MoreHorizIcon onClick={handleClick} onKeyDown={handleClick} />
         <Menu anchorEl={anchorEl} id="simple-menu" keepMounted onClose={closeMenuHandler} open={Boolean(anchorEl)}>
-          {sendModalOpenHandler ? (
-            <>
-              <MenuItem onClick={sendModalOpenHandler}>Send Again</MenuItem>
-              <Divider />
-            </>
-          ) : null}
+          {sendModalOpenHandler
+            ? [
+                <MenuItem key="send-again-button" onClick={sendModalOpenHandler}>
+                  Send Again
+                </MenuItem>,
+                <Divider key="divider" />,
+              ]
+            : null}
           {knownAddress ? (
             <MenuItem onClick={addOrEditEntryHandler}>Edit Address book Entry</MenuItem>
           ) : (
diff --git a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/index.tsx b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/index.tsx
index 24933312..848cf6ff 100644
--- a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/index.tsx
+++ b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/TxDescription/index.tsx
@@ -45,7 +45,9 @@ const TxDescription = ({ tx }: { tx: Transaction }): React.ReactElement => {
       {tx.type === TransactionTypes.SETTINGS && <SettingsDescriptionTx tx={tx} />}
       {tx.type === TransactionTypes.CUSTOM && <CustomDescriptionTx tx={tx} />}
       {tx.type === TransactionTypes.UPGRADE && <UpgradeDescriptionTx tx={tx} />}
-      {[TransactionTypes.TOKEN, TransactionTypes.COLLECTIBLE].includes(tx.type) && <TransferDescriptionTx tx={tx} />}
+      {[TransactionTypes.TOKEN, TransactionTypes.COLLECTIBLE, TransactionTypes.OUTGOING].includes(tx.type) && (
+        <TransferDescriptionTx tx={tx} />
+      )}
     </Block>
   )
 }