TW-786 Refactored transaction history for send, receive and delegate

package.json

@@ -57,6 +57,7 @@
     "@taquito/tzip12": "17.0.0",
     "@taquito/tzip16": "17.0.0",
     "@taquito/utils": "17.0.0",
+    "@temple-wallet/transactions-parser": "^1.0.0",
     "@temple-wallet/wallet-address-validator": "^0.4.2",
     "@tezos-domains/core": "1.26.0",
     "@tezos-domains/taquito-client": "1.26.0",
@@ -68,8 +69,8 @@
     "bip39": "^3.0.4",
     "buffer": "^6.0.3",
     "cross-fetch": "^3.1.5",
-    "date-fns": "^2.30.0",
     "currency-codes": "^2.1.0",
+    "date-fns": "^2.30.0",
     "ed25519-hd-key": "^1.3.0",
     "events": "^3.3.0",
     "formik": "^2.2.9",

src/apis/baking-bad/consts.ts

@@ -45,3 +45,237 @@ export const mockBaker: BakerInterface = {
   audit: 'Mock Audit',
   insuranceCoverage: 44
 };
+
+export interface KnownBaker {
+  address: string;
+  name: string;
+  logo: string | null;
+}
+
+export const KNOWN_BAKERS: Array<KnownBaker> = [
+  {
+    address: 'tz1SvASb4xmkiM82ijexDHzn6bYakaReBypt',
+    name: 'Anonstake Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1SvASb4xmkiM82ijexDHzn6bYakaReBypt'
+  },
+  {
+    address: 'tz1TqU5hwh6CtC8Ps5GYBi7YyawvtKLNCbvQ',
+    name: 'Ateza Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1TqU5hwh6CtC8Ps5GYBi7YyawvtKLNCbvQ'
+  },
+  {
+    address: 'tz1Zrqm4TkJwqTxm5TiyVFh6taXG4Wrq7tko',
+    name: 'Bake’n’Rolls Payouts 2',
+    logo: null
+  },
+  {
+    address: 'tz1iVCqjMRG7MfBoFnVjbLQyeLAeJQfLxXze',
+    name: 'Bakery-IL Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1iVCqjMRG7MfBoFnVjbLQyeLAeJQfLxXze'
+  },
+  {
+    address: 'tz1NAozDvi5e7frVq9cUaC3uXQQannemB8Jw',
+    name: 'BakeTz Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1NAozDvi5e7frVq9cUaC3uXQQannemB8Jw'
+  },
+  {
+    address: 'tz1PayLDWLg39fbkwKejnT3aijz4QEd5kgt3',
+    name: 'Baking Team Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1PayLDWLg39fbkwKejnT3aijz4QEd5kgt3'
+  },
+  {
+    address: 'tz1UQvdfQ2cwyDa6k6U62mkHWeULwBqCcJwN',
+    name: 'Citadel.one Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1UQvdfQ2cwyDa6k6U62mkHWeULwBqCcJwN'
+  },
+  {
+    address: 'tz1cNARmnRRrvZgspPr2rSTUWq5xtGTuKuHY',
+    name: 'Cryptium Labs Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1cNARmnRRrvZgspPr2rSTUWq5xtGTuKuHY'
+  },
+  {
+    address: 'tz1ZbSrRrfhU8LYHELWNswx2JcFARXTGKKVk',
+    name: 'DNAG Delegation Payouts 1',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1ZbSrRrfhU8LYHELWNswx2JcFARXTGKKVk'
+  },
+  {
+    address: 'tz1aqYbUuXoraB7h39Ls3HvbDwiMhHRV199L',
+    name: 'Elite Tezos Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1aqYbUuXoraB7h39Ls3HvbDwiMhHRV199L'
+  },
+  {
+    address: 'tz1W1en9UpMCH4ZJL8wQCh8JDKCZARyVx2co',
+    name: 'Everstake Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1W1en9UpMCH4ZJL8wQCh8JDKCZARyVx2co'
+  },
+  {
+    address: 'tz1dXCHSN8uwnappk4uet1WQeuvbaJog4Jwi',
+    name: 'Figment Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1dXCHSN8uwnappk4uet1WQeuvbaJog4Jwi'
+  },
+  {
+    address: 'tz1ePtw5wtQMNH1LkJaVXbeVmW7joWqdNzge',
+    name: 'GOLD TZ Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1ePtw5wtQMNH1LkJaVXbeVmW7joWqdNzge'
+  },
+  {
+    address: 'tz1TyAEPtLt7oapQvZirVbswz1VRbdRqdfW7',
+    name: 'Happy Tezos Dexter Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1TyAEPtLt7oapQvZirVbswz1VRbdRqdfW7'
+  },
+  {
+    address: 'tz1hodLFy8YDHtf1qJ3XH1gCyeXfwWEitkj9',
+    name: 'hodl.farm Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1hodLFy8YDHtf1qJ3XH1gCyeXfwWEitkj9'
+  },
+  {
+    address: 'tz1MTAmuFmKu3MoxnkVsMj7xvSScj6d83hu5',
+    name: 'LetzBake! Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1MTAmuFmKu3MoxnkVsMj7xvSScj6d83hu5'
+  },
+  {
+    address: 'tz1fRAiiDUxnXZwDmQghh1n6VytQUZWNPwWN',
+    name: 'Melange Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1fRAiiDUxnXZwDmQghh1n6VytQUZWNPwWN'
+  },
+  {
+    address: 'tz1MdSsDBG8k8q1pxZrdpSC2Aw49ukFs8ACy',
+    name: 'Money Every 3 Days Payouts 1',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1MdSsDBG8k8q1pxZrdpSC2Aw49ukFs8ACy'
+  },
+  {
+    address: 'tz1XVBuWfdFpWCiMvsEV8KEX2nkMHN3mfuHJ',
+    name: 'Neokta Labs Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1XVBuWfdFpWCiMvsEV8KEX2nkMHN3mfuHJ'
+  },
+  {
+    address: 'tz1c9HEyZdAWXZCLE7h3KcZCyykjZr7VY3QM',
+    name: 'PayTezos Payouts 2',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1c9HEyZdAWXZCLE7h3KcZCyykjZr7VY3QM'
+  },
+  {
+    address: 'tz1MoonPbyMJSqMVsVwExgVc5egnv18CgSDq',
+    name: 'P2P Validator Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1MoonPbyMJSqMVsVwExgVc5egnv18CgSDq'
+  },
+  {
+    address: 'tz1VCP3MQdfxtRc83CRJZX43wc1oZUxb6KmH',
+    name: 'Spice Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1VCP3MQdfxtRc83CRJZX43wc1oZUxb6KmH'
+  },
+  {
+    address: 'tz1fishChEERnSesm8mHe7xsJJwymbHVLcYf',
+    name: 'Stake.fish Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1fishChEERnSesm8mHe7xsJJwymbHVLcYf'
+  },
+  {
+    address: 'tz1Ywgcavxq9D6hL32Q2AQWHAux9MrWqGoZC',
+    name: 'StakeNow Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1Ywgcavxq9D6hL32Q2AQWHAux9MrWqGoZC'
+  },
+  {
+    address: 'tz1Y2rhY9nBKfd2jp7m4z8iAMKKARWS3BvFA',
+    name: "Shake 'n Bake Payouts",
+    logo: 'https://services.tzkt.io/v1/avatars/tz1Y2rhY9nBKfd2jp7m4z8iAMKKARWS3BvFA'
+  },
+  {
+    address: 'tz1gs78wrxS34XhGPECmN5fABKpEuhUGwAXS',
+    name: 'Stakery Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1gs78wrxS34XhGPECmN5fABKpEuhUGwAXS'
+  },
+  {
+    address: 'tz1iuZ76cLaaca8Dh4soYEHjYeVb5vHmmP5Z',
+    name: 'Staking Facilities Payouts 2',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1iuZ76cLaaca8Dh4soYEHjYeVb5vHmmP5Z'
+  },
+  {
+    address: 'tz1hxtCEcD7idQJEDiJEq37vBkoRcwF6KC2X',
+    name: 'Staking Shop Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1hxtCEcD7idQJEDiJEq37vBkoRcwF6KC2X'
+  },
+  {
+    address: 'tz1hTJnYMKSDUv55yREM8ezmC5nsdbPUWao7',
+    name: 'Steak.and.Bake Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1hTJnYMKSDUv55yREM8ezmC5nsdbPUWao7'
+  },
+  {
+    address: 'tz1iQRWn2zvdTqhJtGTBbYktodNtw67yE4a6',
+    name: 'Tezbaguette Payouts ',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1iQRWn2zvdTqhJtGTBbYktodNtw67yE4a6'
+  },
+  {
+    address: 'tz1TkQCxYhhpzMop7Da6g2tpa1Z2giUbPdqv',
+    name: 'Tez Baker Payouts 5',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1TkQCxYhhpzMop7Da6g2tpa1Z2giUbPdqv'
+  },
+  {
+    address: 'tz1g4o4a2wxpzJ7EgG3onFM5TLaPyiRFjFhL',
+    name: 'Tezgate Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1g4o4a2wxpzJ7EgG3onFM5TLaPyiRFjFhL'
+  },
+  {
+    address: 'tz1RiSGsJwcN6roErVt4D3mfSCYSaWYWP9q8',
+    name: 'Tezoris Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1RiSGsJwcN6roErVt4D3mfSCYSaWYWP9q8'
+  },
+  {
+    address: 'tz1LJycSuCT25AA5VJwNW1QYXVGyy7YLwZh9',
+    name: 'TezosAirGap Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1LJycSuCT25AA5VJwNW1QYXVGyy7YLwZh9'
+  },
+  {
+    address: 'tz1LXaBkg3gZLVyB2awuboPAi6CnWxT4bCMt',
+    name: 'Tezos Boutique Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1LXaBkg3gZLVyB2awuboPAi6CnWxT4bCMt'
+  },
+  {
+    address: 'tz1VfoA5qPksECBkvr2EUuT6u5VgLCi3vTPV',
+    name: 'Tezos.nu Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1VfoA5qPksECBkvr2EUuT6u5VgLCi3vTPV'
+  },
+  {
+    address: 'tz1Y2bfsQAYHrWZpM1AwomYMw2KEtaJ5VMfU',
+    name: 'Tezos.Rio Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1Y2bfsQAYHrWZpM1AwomYMw2KEtaJ5VMfU'
+  },
+  {
+    address: 'tz1LXz7C2wPr74nfMMHmqsqbnasPvi89o2U6',
+    name: 'TezosRus Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1LXz7C2wPr74nfMMHmqsqbnasPvi89o2U6'
+  },
+  {
+    address: 'tz1Tnr7CDL5i45EHSPpPReBocDiGbMwpdTCn',
+    name: "Tezos Wake n' Bake Payouts",
+    logo: 'https://services.tzkt.io/v1/avatars/tz1Tnr7CDL5i45EHSPpPReBocDiGbMwpdTCn'
+  },
+  {
+    address: 'tz1WntXgznbivRjyhE7Y5jEzoebAhMPB2iJa',
+    name: 'Tezzieland Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1WntXgznbivRjyhE7Y5jEzoebAhMPB2iJa'
+  },
+  {
+    address: 'tz1ant4etDpDJKQqASYri7bse5tCv2FNbvR6',
+    name: 'XTZ Antipodes Payouts 2',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1ant4etDpDJKQqASYri7bse5tCv2FNbvR6'
+  },
+  {
+    address: 'tz1Z7HGaayrL4XDNQ7UyXe7L4wXboELkhBm3',
+    name: 'XTZ Delegate Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1Z7HGaayrL4XDNQ7UyXe7L4wXboELkhBm3'
+  },
+  {
+    address: 'tz1aF8E89g1EqqzCmbNCLunTtCtxgkoQUX7N',
+    name: '0xb1 / PlusMinus Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1aF8E89g1EqqzCmbNCLunTtCtxgkoQUX7N'
+  },
+  {
+    address: 'tz1KwdqMQGB75VDnSsLiteFKVX4HNzvbNvjZ',
+    name: '888XTZ Payouts',
+    logo: 'https://services.tzkt.io/v1/avatars/tz1KwdqMQGB75VDnSsLiteFKVX4HNzvbNvjZ'
+  },
+  {
+    address: 'tz1ea4wfxxvjpic1DZCU2WnUCBmiPVrSXrSz',
+    name: 'Cerberus Bakery Payouts',
+    logo: null
+  }
+];

src/components/activity-groups-list/activity-group-item/activity-group-amount-change/activity-group-amount-change.styles.ts

@@ -4,8 +4,16 @@ export const useActivityGroupAmountChangeStyles = createUseStyles(({ colors, typ
   container: {
     alignItems: 'flex-end'
   },
-  amountText: {
-    ...typography.numbersRegular17,
+  amountWeight: {
+    fontWeight: '400'
+  },
+  amountText15: {
+    ...typography.numbersRegular15
+  },
+  amountText13: {
+    ...typography.numbersRegular13
+  },
+  destructiveAmountText: {
     color: colors.destructive
   },
   positiveAmountText: {

src/components/activity-groups-list/activity-group-item/activity-group-amount-change/activity-group-amount-change.tsx

@@ -1,24 +1,39 @@
 import React, { FC } from 'react';
 import { Text, View } from 'react-native';
 
-import { NonZeroAmounts } from '../../../../interfaces/non-zero-amounts.interface';
-import { conditionalStyle } from '../../../../utils/conditional-style';
-import { formatAssetAmount } from '../../../../utils/number.util';
+import { NonZeroAmounts } from 'src/interfaces/non-zero-amounts.interface';
+import { conditionalStyle } from 'src/utils/conditional-style';
+import { formatAssetAmount } from 'src/utils/number.util';
+import { shortizeSymbol } from 'src/utils/token-metadata.utils';
+
 import { useActivityGroupAmountChangeStyles } from './activity-group-amount-change.styles';
 
+export enum TextSize {
+  Small = 'Small',
+  Regular = 'Regular'
+}
 interface Props {
+  textSize?: TextSize;
   nonZeroAmounts: NonZeroAmounts;
 }
 
-export const ActivityGroupAmountChange: FC<Props> = ({ nonZeroAmounts }) => {
+export const ActivityGroupAmountChange: FC<Props> = ({ nonZeroAmounts, textSize = TextSize.Regular }) => {
   const styles = useActivityGroupAmountChangeStyles();
 
   return (
     <View style={styles.container}>
       {nonZeroAmounts.amounts.map(({ parsedAmount, isPositive, symbol }, index) => (
-        <Text key={index} style={[styles.amountText, conditionalStyle(isPositive, styles.positiveAmountText)]}>
+        <Text
+          key={index}
+          style={[
+            styles.amountWeight,
+            conditionalStyle(textSize === TextSize.Small, styles.amountText13),
+            conditionalStyle(textSize === TextSize.Regular, styles.amountText15),
+            conditionalStyle(isPositive, styles.positiveAmountText, styles.destructiveAmountText)
+          ]}
+        >
           {isPositive && '+'}
-          {formatAssetAmount(parsedAmount)} {symbol}
+          {formatAssetAmount(parsedAmount)} {shortizeSymbol(symbol)}
         </Text>
       ))}
     </View>

src/components/activity-groups-list/activity-group-item/activity-group-dollar-amount-change/activity-group-dollar-amount-change.styles.ts

@@ -12,6 +12,7 @@ export const useActivityGroupDollarAmountChangeStyles = createUseStyles(({ color
     color: colors.destructive
   },
   valueText: {
-    ...typography.numbersRegular11
+    ...typography.numbersRegular11,
+    color: colors.gray1
   }
 }));

src/components/activity-groups-list/activity-group-item/activity-group-dollar-amount-change/activity-group-dollar-amount-change.tsx

@@ -2,7 +2,6 @@ import React, { FC } from 'react';
 import { View } from 'react-native';
 
 import { NonZeroAmounts } from '../../../../interfaces/non-zero-amounts.interface';
-import { conditionalStyle } from '../../../../utils/conditional-style';
 import { FormattedAmount } from '../../../formatted-amount';
 import { useActivityGroupDollarAmountChangeStyles } from './activity-group-dollar-amount-change.styles';
 
@@ -16,17 +15,7 @@ export const ActivityGroupDollarAmountChange: FC<Props> = ({ nonZeroAmounts }) =
   return (
     <View style={styles.container}>
       {nonZeroAmounts.dollarSums.map((amount, index) => (
-        <FormattedAmount
-          key={index}
-          amount={amount}
-          isDollarValue={true}
-          showMinusSign={amount.isLessThan(0)}
-          showPlusSign={amount.isGreaterThan(0)}
-          style={[
-            styles.valueText,
-            conditionalStyle(amount.isGreaterThan(0), styles.positiveAmountText, styles.negativeAmountText)
-          ]}
-        />
+        <FormattedAmount key={index} amount={amount} isDollarValue={true} style={styles.valueText} />
       ))}
     </View>
   );