Skip to content

Commit

Permalink
feat: Simple send modal recipient view
Browse files Browse the repository at this point in the history
  • Loading branch information
@Cuteivist
Cuteivist committed Jan 22, 2025
1 parent a6e6546 commit 13a260f
Show file tree
Hide file tree
Showing 20 changed files with 2,712 additions and 235 deletions.
371 changes: 371 additions & 0 deletions storybook/pages/RecipientViewAdaptorPage.qml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,371 @@
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import SortFilterProxyModel 0.2

import AppLayouts.Wallet.stores 1.0
import AppLayouts.Wallet.adaptors 1.0

import Storybook 1.0
import Models 1.0

import shared.stores 1.0
import utils 1.0

Item {
id: root

QtObject {
id: d

readonly property var resolvedEns: ListModel {
Component.onCompleted: append(data)

readonly property var data: [
{
ens: "test.eth",
address: "0x423681De5233C2F92a21436e09F2Ffc727E72644"
},
{
ens: "1234.eth",
address: "0xC5E457F6b85EaE1Fc807081Cc325E482268e4e40"
}

]
}

readonly property var savedAddressesModel: ListModel {
Component.onCompleted: append(data)

readonly property var data: [
{
name: "Bernard",
address: "0x8cF54d32a4874280Decf0a6Cef139Acda686f2DE",
ens: "batista.eth",
colorId: Constants.walletAccountColors.orange
},
{
name: "Alicia Keys",
address: "0x28F00D9d64bc7B41003F8217A74c66f76199E21D",
ens: "",
colorId: Constants.walletAccountColors.pink
},
{
name: "Barney",
address: "0xE6bf08d897C8f4140647b51eB20D4c764b2Fb168",
ens: "",
colorId: Constants.walletAccountColors.magenta
},
{
name: "Diane Krueger",
address: "0xc5250feE40ABb4f5E2A5DDE62065ca6A9A6010A9",
ens: "",
colorId: Constants.walletAccountColors.primary
}

]
}

readonly property var walletAccountsModel: ListModel {
readonly property var data: [
{
name: "helloworld",
emoji: "😋",
colorId: Constants.walletAccountColors.primary,
color: "#2A4AF5",
address: "0x7F47C2e18a4BBf5487E6fb082eC2D9Ab0E6d7240",
walletType: "",
currencyBalance: ({amount: 1.25,
symbol: "USD",
displayDecimals: 2,
stripTrailingZeroes: false}),
migratedToKeycard: true
},
{
name: "Hot wallet (generated)",
emoji: "🚗",
colorId: Constants.walletAccountColors.army,
color: "#216266",
address: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8881",
walletType: Constants.generatedWalletType,
currencyBalance: ({amount: 10,
symbol: "USD",
displayDecimals: 2,
stripTrailingZeroes: false}),
migratedToKeycard: false
},
{
name: "Family (seed)",
emoji: "🎨",
colorId: Constants.walletAccountColors.magenta,
color: "#EC266C",
address: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8882",
walletType: Constants.seedWalletType,
currencyBalance: ({amount: 110.05,
symbol: "USD",
displayDecimals: 2,
stripTrailingZeroes: false}),
migratedToKeycard: false
},
{
name: "Tag Heuer (watch)",
emoji: "⌚",
colorId: Constants.walletAccountColors.copper,
color: "#CB6256",
address: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8883",
walletType: Constants.watchWalletType,
currencyBalance: ({amount: 3,
symbol: "USD",
displayDecimals: 2,
stripTrailingZeroes: false}),
migratedToKeycard: false
},
{
name: "Fab (key)",
emoji: "🔑",
colorId: Constants.walletAccountColors.camel,
color: "#C78F67",
address: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884",
walletType: Constants.keyWalletType,
currencyBalance: ({amount: 999,
symbol: "USD",
displayDecimals: 2,
stripTrailingZeroes: false}),
migratedToKeycard: false
}
]

Component.onCompleted: append(data)

}

readonly property ListModel recentsModel: ListModel {

readonly property var data: [
{
activityEntry:
{
sender: "0x28F00D9d64bc7B41003F8217A74c66f76199E21D",
recipient: "0x7F47C2e18a4BBf5487E6fb082eC2D9Ab0E6d7240",
timestamp: "1715274859",
txType: 0,
amountCurrency: {
objectName: "",
amount: 1,
symbol:"",
displayDecimals: 0,
stripTrailingZeroes: true
}
}
},
{
activityEntry:
{
sender: "0xebfbfe4072ebb77e53aa9117c7300531d1511111",
recipient: "0x1bbbfe4072ebb77e53aa9117c7300531d151feaf",
timestamp: "1709832115",
txType: 1,
amountCurrency: {
objectName: "",
amount: 1,
symbol:"",
displayDecimals: 0,
stripTrailingZeroes: true
}
}
},
{
activityEntry:
{
sender: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8882",
recipient: "0x28F00D9d64bc7B41003F8217A74c66f76199E21D",
timestamp: "1709832115",
txType: 1,
amountCurrency: {
objectName: "",
amount: 1,
symbol:"",
displayDecimals: 0,
stripTrailingZeroes: true
}
}
}
]

Component.onCompleted: append(data)
}

// Used only to display data in storybook
readonly property ListModel recentsModelUnpacked: ListModel {
Component.onCompleted: {
for (let i = 0 ; i < d.recentsModel.data.length ; i++) {
const entry = d.recentsModel.data[i].activityEntry
append(entry)
}
}
}
}

RecipientViewAdaptor {
id: adaptor

savedAddressesModel: d.savedAddressesModel
accountsModel: d.walletAccountsModel
recentRecipientsModel: d.recentsModel

selectedSenderAddress: senderComboBox.currentValue
selectedRecipientType: selectedRecipientTypeComboBox.currentValue
searchPattern: search.text
}

ColumnLayout {
anchors.fill: parent

RowLayout {
Layout.fillWidth: true
Layout.leftMargin: 20
Layout.topMargin: 10

Label { text: "Recipient Type" }
ComboBox {
id: selectedRecipientTypeComboBox
textRole: "name"
valueRole: "key"
model: [
{
name: "Recent addresses",
key: Constants.RecipientAddressObjectType.RecentsAddress
},
{
name: "Saved addresses",
key: Constants.RecipientAddressObjectType.SavedAddress
},
{
name: "Accounts",
key: Constants.RecipientAddressObjectType.Account
}
]
currentIndex: 0
onCountChanged: currentIndex = 0
}

Item {
Layout.preferredWidth: 30
}

Label { text: "Search pattern:" }
TextField {
id: search
}

Item {
Layout.preferredWidth: 30
}

Label { text: "Selected sender:" }
ComboBox {
id: senderComboBox
textRole: "text"
valueRole: "value"
displayText: currentText || ""
currentIndex: 0
model: [
{ value: "", text: "---" },
{ value: "0x7F47C2e18a4BBf5487E6fb082eC2D9Ab0E6d7240", text: "helloworld" },
{ value: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8881", text: "Hot wallet" },
{ value: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8882", text: "Family" },
{ value: "0x7F47C2e98a4BBf5487E6fb082eC2D9Ab0E6d8884", text: "Fab" },
]
}
}

Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 2
color: "lightgray"
}

RowLayout {
ColumnLayout {
Layout.fillWidth: true
Layout.fillHeight: true
Label {
Layout.fillWidth: true
horizontalAlignment: Qt.AlignHCenter
font.bold: true
text: "Input"
}
GenericListView {
label: "Accounts model: " + count

model: d.walletAccountsModel

Layout.fillWidth: true
Layout.fillHeight: true

roles: ["name", "address", "emoji", "colorId", "color"]
skipEmptyRoles: true
}
GenericListView {
label: "Saved addresses model: " + count

model: d.savedAddressesModel

Layout.fillWidth: true
Layout.fillHeight: true

roles: ["name", "address", "ens", "colorId"]
skipEmptyRoles: true
}
GenericListView {
label: "Recent recipients model: " + count

model: d.recentsModelUnpacked

Layout.fillWidth: true
Layout.fillHeight: true

roles: ["sender", "recipient", "txType"]
skipEmptyRoles: true
}
}

ColumnLayout {
Layout.fillWidth: true
Layout.fillHeight: true
Label {
Layout.fillWidth: true
horizontalAlignment: Qt.AlignHCenter
font.bold: true
text: "Output"
}
GenericListView {
label: "Recipient model: " + count

model: adaptor.recipientsModel

Layout.fillWidth: true
Layout.fillHeight: true

roles: ["name", "address", "emoji", "ens", "color", "colorId"]

skipEmptyRoles: true
}
GenericListView {
label: "Recipient filter model: " + count

model: adaptor.recipientsFilterModel

Layout.fillWidth: true
Layout.fillHeight: true

roles: ["name", "address", "emoji", "ens", "color", "colorId"]

skipEmptyRoles: true
}
}
}
}
}

// category: Adaptors
Loading

0 comments on commit 13a260f

Please sign in to comment.