status-desktop/storybook/pages/RoundImageWithBadgePage.qml
Alex Jbanca 2f050a025f feat(WalletConnect): Fine-tune connect dApp modal
Changes:
1. Align dialog with Figma design
2. Add new components for round image with badge and connection status tag
3. Add tests
4. Dapps service will now receive wallet `RootStore` as input and reuse existing models with account balance and other necessary info for account selection and chain selection
5. Minor updates in stores
6. Minor updates in WC toast messages to display app domain instead of app url
2024-07-05 01:03:23 +03:00

52 lines
1.3 KiB
QML

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import shared.popups.walletconnect 1.0
SplitView {
Pane {
SplitView.fillWidth: true
SplitView.fillHeight: true
RoundImageWithBadge {
id: roundImageWithBadge
width: parent.width
height: width
imageUrl: addressField.text
badgeIcon: badgeField.text
fallbackIcon: fallbackIconField.text
}
}
Pane {
id: controlsPane
SplitView.fillHeight: true
SplitView.preferredWidth: 300
ColumnLayout {
Label { text: "Image url" }
TextField {
id: addressField
text: "https://picsum.photos/200/200"
Layout.fillWidth: true
}
Label { text: "Badge name" }
TextField {
id: badgeField
text: "walletConnect"
Layout.fillWidth: true
}
Label { text: "Fallback icon name" }
TextField {
id: fallbackIconField
text: "dapp"
Layout.fillWidth: true
}
}
}
}
// category: Components
// https://www.figma.com/design/HrmZp1y4S77QJezRFRl6ku/dApp-Interactions---Milestone-1?node-id=481-160233&t=xyix3QX5I3jxrDir-0