Skip to content

Commit

Permalink
Remove custom type AccountTransaction
Browse files Browse the repository at this point in the history
  • Loading branch information
@FlorianBouron
FlorianBouron committed Feb 17, 2024
1 parent 4112ab5 commit 4dd6d75
Show file tree
Hide file tree
Showing 8 changed files with 365 additions and 209 deletions.
176 changes: 86 additions & 90 deletions packages/extension/src/components/organisms/TransactionListing/TransactionDetails.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,18 @@
import { FC } from 'react';

import { Divider, List, ListItem, ListItemText } from '@mui/material';
import { convertHexToString, dropsToXrp } from 'xrpl';
import { AccountTxTransaction, convertHexToString, dropsToXrp } from 'xrpl';

import { useMainToken } from '../../../hooks';
import { AccountTransaction } from '../../../types';
import { formatFlagsToNumber } from '../../../utils';
import { formatDate, formatTransaction } from './format.util';

export interface TransactionDetailsProps {
transaction: AccountTransaction | null;
transaction: AccountTxTransaction | null;
publicAddress: string;
}

const renderDestinationField = (transaction: AccountTransaction): JSX.Element | null => {
const renderDestinationField = (transaction: AccountTxTransaction): JSX.Element | null => {
if (transaction.tx && 'Destination' in transaction.tx) {
return (
<ListItem style={{ padding: '8px 24px' }}>
Expand All @@ -32,91 +31,88 @@ export const TransactionDetails: FC<TransactionDetailsProps> = ({ transaction, p
}

return (
<List sx={{ width: '100%', wordBreak: 'break-word' }}>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Account" secondary={transaction.tx?.Account} />
</ListItem>
<Divider light />
{renderDestinationField(transaction)}
<Divider light />
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText
primary="Transaction"
secondary={formatTransaction(transaction, publicAddress, mainToken)}
/>
</ListItem>
<Divider light />
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Fees" secondary={dropsToXrp(Number(transaction.tx?.Fee))} />
</ListItem>
<Divider light />
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText
primary="Date"
secondary={transaction.tx?.date ? formatDate(transaction.tx?.date) : undefined}
/>
</ListItem>
<Divider light />
{transaction.tx?.Memos?.[0]?.Memo?.MemoData ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText
primary="Memo"
secondary={convertHexToString(transaction.tx?.Memos?.[0]?.Memo?.MemoData)}
/>
</ListItem>
<Divider light />
</>
) : null}
{transaction.meta &&
typeof transaction.meta === 'object' &&
'nftoken_id' in transaction.meta ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText
primary="NFT Token ID"
secondary={(transaction.meta as any).nftoken_id}
/>
</ListItem>
<Divider light />
</>
) : null}
{transaction.meta &&
typeof transaction.meta === 'object' &&
'offer_id' in transaction.meta ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Offer ID" secondary={(transaction.meta as any).offer_id} />
</ListItem>
<Divider light />
</>
) : null}
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Transaction Hash" secondary={transaction.tx?.hash} />
</ListItem>
<Divider light />
{transaction.tx && 'DestinationTag' in transaction.tx && transaction.tx?.DestinationTag ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Destination Tag" secondary={transaction.tx?.DestinationTag} />
</ListItem>
<Divider light />
</>
) : null}
{transaction.tx && 'Flags' in transaction.tx && transaction.tx?.Flags ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Flags" secondary={formatFlagsToNumber(transaction.tx)} />
</ListItem>
<Divider light />
</>
) : null}
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Ledger Index" secondary={transaction.tx?.ledger_index} />
</ListItem>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Sequence" secondary={transaction.tx?.Sequence} />
</ListItem>
</List>
<List sx={{ width: '100%', wordBreak: 'break-word' }}>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Account" secondary={transaction.tx?.Account} />
</ListItem>
<Divider light />
{renderDestinationField(transaction)}
<Divider light />
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText
primary="Transaction"
secondary={formatTransaction(transaction, publicAddress, mainToken)}
/>
</ListItem>
<Divider light />
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Fees" secondary={dropsToXrp(Number(transaction.tx?.Fee))} />
</ListItem>
<Divider light />
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText
primary="Date"
secondary={transaction.tx?.date ? formatDate(transaction.tx?.date) : undefined}
/>
</ListItem>
<Divider light />
{transaction.tx?.Memos?.[0]?.Memo?.MemoData ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText
primary="Memo"
secondary={convertHexToString(transaction.tx?.Memos?.[0]?.Memo?.MemoData)}
/>
</ListItem>
<Divider light />
</>
) : null}
{transaction.meta &&
typeof transaction.meta === 'object' &&
'nftoken_id' in transaction.meta ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="NFT Token ID" secondary={transaction.meta.nftoken_id} />
</ListItem>
<Divider light />
</>
) : null}
{transaction.meta &&
typeof transaction.meta === 'object' &&
'offer_id' in transaction.meta ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Offer ID" secondary={transaction.meta.offer_id} />
</ListItem>
<Divider light />
</>
) : null}
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Transaction Hash" secondary={transaction.tx?.hash} />
</ListItem>
<Divider light />
{transaction.tx && 'DestinationTag' in transaction.tx && transaction.tx?.DestinationTag ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Destination Tag" secondary={transaction.tx?.DestinationTag} />
</ListItem>
<Divider light />
</>
) : null}
{transaction.tx && 'Flags' in transaction.tx && transaction.tx?.Flags ? (
<>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Flags" secondary={formatFlagsToNumber(transaction.tx)} />
</ListItem>
<Divider light />
</>
) : null}
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Ledger Index" secondary={transaction.tx?.ledger_index} />
</ListItem>
<ListItem style={{ padding: '8px 24px' }}>
<ListItemText primary="Sequence" secondary={transaction.tx?.Sequence} />
</ListItem>
</List>
);
};
Loading

0 comments on commit 4dd6d75

Please sign in to comment.