dappros/ethora

import {observer} from 'mobx-react-lite';
import {View} from 'native-base';
import React, {useEffect} from 'react';
import {heightPercentageToDP as hp} from 'react-native-responsive-screen';
import TransactionsList from '../../components/Nft/NftTransactionList';
import SecondaryHeader from '../../components/SecondaryHeader/SecondaryHeader';
import {useStores} from '../../stores/context';

const TransactionsScreen = observer(() => {
  const {walletStore, loginStore} = useStores();
  useEffect(() => {
    walletStore.fetchOwnTransactions(
      loginStore.initialData.walletAddress,
      walletStore.limit,
      0,
    );
    return () => {};
  }, []);

  return (
    <View flex={1} pb={hp('15%')}>
      <SecondaryHeader title="Transactions" />
      <TransactionsList
        transactions={walletStore.transactions}
        onEndReached={() => {
          if (walletStore.transactions.length < walletStore.total) {
            walletStore.fetchOwnTransactions(
              loginStore.initialData.walletAddress,

              walletStore.limit,
              walletStore.offset,
            );
          }
        }}
        walletAddress={loginStore.initialData.walletAddress}
      />
    </View>
  );
});

export default TransactionsScreen;