status-desktop/ui/imports/shared/controls/TransactionAddressTile.qml

import QtQuick 2.13
import QtQuick.Layouts 1.15
import QtQuick.Shapes 1.15

import StatusQ.Core 0.1
import StatusQ.Controls 0.1
import StatusQ.Components 0.1
import StatusQ.Core.Theme 0.1

import AppLayouts.Profile.stores 1.0 as ProfileStores
import AppLayouts.Wallet.stores 1.0 as WalletStores

/*!
   \qmltype TransactionAddressTile
   \inherits TransactionDataTile
   \inqmlmodule shared.controls
   \since shared.controls 1.0
   \brief It displays list of addresses for wallet activity.

   The \c TransactionAddressTile can display list of addresses formatted in specific way.

   \qml
        TransactionAddressTile {
            title: qsTr("From")
            width: parent.width
            rootStore: WalletStores.RootStore
            addresses: [
                "eth:arb1:oeth:0x4de3f6278C0DdFd3F29df9DcD979038F5c7bbc35",
                "0x4de3f6278C0DdFd3F29df9DcD979038F5c7bbc35",
            ]
        }
   \endqml
*/

TransactionDataTile {
    id: root

    /*!
       \qmlproperty var TransactionAddressTile::addresses
       This property holds list or model of addresses to display in the tile.
    */
    property var addresses: []
    /*!
       \qmlproperty var TransactionAddressTile::rootStore
       This property holds rootStore object used to retrive data for each address.
    */
    property WalletStores.RootStore rootStore

    /* /internal Property hold reference to contacts store to refresh contact data on any change. */
    property ProfileStores.ContactsStore contactsStore

    implicitHeight: transactionColumn.height + transactionColumn.spacing + root.topPadding + root.bottomPadding
    buttonIconName: "more"

    Column {
        id: transactionColumn
        anchors {
            left: parent.left
            leftMargin: root.leftPadding
            right: parent.right
            rightMargin: root.statusListItemComponentsSlot.width + root.rightPadding * 2
            bottom: parent.bottom
            bottomMargin: root.bottomPadding
        }
        height: childrenRect.height
        spacing: 4

        Repeater {
            model: root.addresses
            delegate: TransactionAddress {
                width: parent.width
                address: modelData
                rootStore: root.rootStore
                contactsStore: root.contactsStore
            }
        }
    }
}