transactions - new page

[pandablue0809]

Issue

We need to create a new page to show all transactions of the wallet.

[ihomp]

That looks like a copy of the old PHP code—we don't need that.
PHP has great functionality, and we need to have the same functionality. but the code is very messy; we shouldn't copy it.

We have the nice and clean code for /transaction/ - most of the utils we need are already in use there, and the structure is nice there; we need the same just for /transactions/

we don't need to copy php, we need to write a new code from scratch.
you should relay or xrpl documentation, rather than old php code.
Php code is needed, not miss all the functionaly we had there..
we need all the functionality we had in php plus all the new one according the documentaton, whcih is missed in php.

the structure should be similiar to /transaction/ - means
we have a component for common firlds between different transactions.
like transaction hash, time and date etc

then we need to have separate components for different transactions types.

[ihomp]

Right now, it is the same mess as we had in PHP - we won't merge it unless it is structured.

[ihomp]

Please return the comments and answer some questions.

[ihomp]

const [pageFiatRate, setPageFiatRate] = useState(0)

  useEffect(() => {
    if (!selectedCurrency || !tx?.outcome) return
    const { ledgerTimestamp } = tx?.outcome
    if (!ledgerTimestamp) return

    fetchHistoricalRate({ timestamp: ledgerTimestamp * 1000, selectedCurrency, setPageFiatRate })
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [selectedCurrency, tx])

This code is repeated in many transaction types, as many of them need the historical price. (we shouldn't not copy-paste the code to different places)
You should better subtract it from each tx Card and include it in the Card , it already has the tx and selectedCurrency
then pageFiatRate can be passed into tx cards.

[ihomp]

If we reuse some functions from the /transaction/ for /transactions/, they would need to be subtracted as well, not copy-pasted, but that can be done later in a separate PR, For now we just focus on the structure.

[ihomp]

Subtract the same code from each component to one level up and reuse it.

[pandablue0809]

@ihomp
I fixed

[ihomp]

There are many things to fix, but we will address them in separate tickets