Adds tag to transaction details

src/bridge/RippleJSBridge.js

@@ -121,7 +121,7 @@ async function signAndBroadcast({ a, t, deviceId, isCancelled, onSigned, onOpera
         transactionSequenceNumber:
           (a.operations.length > 0 ? a.operations[0].transactionSequenceNumber : 0) +
           a.pendingOperations.length,
-        extra: {},
+        extra: { tag: t.tag },
       }
       onOperationBroadcasted(op)
     }
@@ -164,6 +164,7 @@ type Tx = {
         currency: string,
         value: string,
       },
+      tag?: string,
     },
     paths: string,
   },
@@ -233,7 +234,7 @@ const txToOperation = (account: Account) => ({
     recipients: [destination.address],
     date: new Date(timestamp),
     transactionSequenceNumber: sequence,
-    extra: {},
+    extra: { tag: destination.tag },
   }
   return op
 }

src/components/modals/OperationDetails.js

@@ -3,7 +3,7 @@
 import React, { Fragment, Component } from 'react'
 import { connect } from 'react-redux'
 import { openURL } from 'helpers/linking'
-import { translate } from 'react-i18next'
+import { Trans, translate } from 'react-i18next'
 import styled from 'styled-components'
 import moment from 'moment'
 import { getOperationAmountNumber } from '@ledgerhq/live-common/lib/operation'
@@ -114,7 +114,7 @@ type Props = {
 const OperationDetails = connect(mapStateToProps)((props: Props) => {
   const { t, onClose, operation, account, currencySettings, marketIndicator } = props
   if (!operation || !account || !currencySettings) return null
-  const { hash, date, senders, type, fee, recipients } = operation
+  const { extra, hash, date, senders, type, fee, recipients } = operation
 
   const { name, unit, currency } = account
   const amount = getOperationAmountNumber(operation)
@@ -226,6 +226,14 @@ const OperationDetails = connect(mapStateToProps)((props: Props) => {
               <OpDetailsTitle>{t('operationDetails.to')}</OpDetailsTitle>
               <DataList lines={recipients} t={t} />
             </Box>
+            {Object.entries(extra).map(([key, value]) => (
+              <Box key={key}>
+                <OpDetailsTitle>
+                  <Trans i18nKey={`operationDetails.extra.${key}`} defaults={key} />
+                </OpDetailsTitle>
+                <OpDetailsData>{value}</OpDetailsData>
+              </Box>
+            ))}
           </Box>
         </GrowScroll>
         <GradientBox />