feat: add TransactionListItem component

[goga-m]

Summary

Transaction row item <tr> to be used in Transaction lists

Usage:

const data = [
	{
		date: "17 Mar 2020 22:02:10",
		avatarId: "test",
		type: "receive",
		address: "ASuusXSW9kfWnicScSgUTjttP6T9GQ3kqT",
		walletName: "My Wallet",
		amount: "100 BTC",
		fiat: "1,000,000 USD",
	},
	{
		date: "17 Mar 2020 22:02:10",
		avatarId: "test",
		type: "send",
		address: "ASuusXSW9kfWnicScSgUTjttP6T9GQ3kqT",
		walletName: "My Wallet",
		amount: "- 100 BTC",
		fiat: "1,000,000 USD",
	},
];

return (
	<div>
		<div>
			<Table columns={columns} data={data}>
				{(rowData: any) => <TransactionListItem {...rowData}></TransactionListItem>}
			</Table>
		</div>
	</div>
);
};

Checklist

• Documentation (if necessary)
• Tests (if necessary)
• Ready to be merged

[codecov]

Codecov Report

Merging #2116 into 3.0-react will not change coverage.
The diff coverage is 100.00%.

@@             Coverage Diff              @@
##           3.0-react     #2116    +/-   ##
============================================
  Coverage     100.00%   100.00%            
============================================
  Files             45        75    +30     
  Lines            298       570   +272     
  Branches          49        91    +42     
============================================
+ Hits             298       570   +272     

Flag	Coverage Δ
#unit	100.00% <100.00%> (?)

Impacted Files	Coverage Δ
src/app/components/Alert/Alert.tsx	100.00% <ø> (ø)
src/app/components/Dropdown/Dropdown.tsx	100.00% <ø> (ø)
src/app/components/Form/FormLabel.tsx	100.00% <ø> (ø)
src/app/components/Select/Select.tsx	100.00% <ø> (ø)
...app/components/SideBar/SideBarItem/SideBarItem.tsx	100.00% <ø> (ø)
src/domains/settings/pages/Settings/Settings.tsx	100.00% <ø> (ø)
...ings/pages/Settings/available-settings/General.tsx	100.00% <ø> (ø)
...s/wallets/components/MnemonicList/MnemonicList.tsx	100.00% <ø> (ø)
...omains/wallets/pages/ImportWallet/ImportWallet.tsx	100.00% <ø> (ø)
src/app/components/Address/Address.tsx	100.00% <100.00%> (ø)
... and 73 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 838b248...9f58c68. Read the comment docs.