mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-20 18:48:47 +00:00
ee72ec7aee
Implement the initial Pairing user workflow and disconnect option for the first session. Also - rename pairing modal accordingly (`PairWCModal.qml`) to make room for the proper `ConnectDAppModal.qml` - basic tests for service helpers - update storybook to reflect the new user workflows Closes #14607
68 lines
1.5 KiB
QML
68 lines
1.5 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtGraphicalEffects 1.15
|
|
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Controls 0.1
|
|
|
|
import shared.controls 1.0
|
|
|
|
Popup {
|
|
id: root
|
|
|
|
objectName: "dappsPopup"
|
|
|
|
property int menuWidth: 312
|
|
|
|
signal pairWCDapp()
|
|
|
|
contentWidth: root.menuWidth
|
|
contentHeight: list.height
|
|
modal: false
|
|
padding: 8
|
|
closePolicy: Popup.CloseOnEscape | Popup.CloseOnOutsideClick | Popup.CloseOnPressOutside
|
|
|
|
background: Rectangle {
|
|
id: bckgContent
|
|
|
|
color: Theme.palette.statusMenu.backgroundColor
|
|
radius: 8
|
|
layer.enabled: true
|
|
layer.effect: DropShadow {
|
|
anchors.fill: parent
|
|
source: bckgContent
|
|
horizontalOffset: 0
|
|
verticalOffset: 4
|
|
radius: 12
|
|
samples: 25
|
|
spread: 0.2
|
|
color: Theme.palette.dropShadow
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: list
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
width: parent.width
|
|
spacing: 8
|
|
|
|
ShapeRectangle {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: implicitHeight
|
|
text: qsTr("Connected dApps will appear here")
|
|
}
|
|
|
|
StatusButton {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: implicitHeight
|
|
|
|
text: qsTr("Connect a dApp via WalletConnect")
|
|
onClicked: {
|
|
root.pairWCDapp()
|
|
}
|
|
}
|
|
}
|
|
}
|