mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-12 22:56:55 +00:00
b6bc5d1e29
closes #16912 Sending the dapps events to mixpanel | Event Name | Properties | Possible Values | Notes | | --- | --- | --- | --- | | dapps-health | state | - wc_available - wc_unavailable - chains_down - network_down - pair_error - connection_error - sign_error | | | | error | | string description | | dapps-navigation | flow | - dapps_list_opened - connect_initiated - disconnect_initiated - pair_initiated | | | | connector | - wallet_connect - browser_connect | | | dapps-connection | flow | - proposal_received - proposal_accepted - proposal_rejected - connected - disconnected | | | | networks | networks[string] - array of networks | Array of proposed or connected networks | | | methods | methods[string] - array of methods | Array of proposed methods | | | dapp | dapp uri | | | | connector | - wallet_connect - browser_connect | | | | isSiwe | boolean | | | dapps-sign | flow | - sign_received - sign_accepted - sign_rejected | | | | connector | - wallet_connect - browser_connect | | | | method | - personal_sign - eth_sign - eth_signTypedData_v4 - eth_signTypedData - eth_signTransaction - eth_sendTransaction | | | | dapp | string - dapp uri | | | | chainId | int - chain id | |
154 lines
4.7 KiB
QML
154 lines
4.7 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
|
|
import AppLayouts.Wallet.controls 1.0
|
|
|
|
SplitView {
|
|
id: root
|
|
|
|
width: 400
|
|
height: 400
|
|
|
|
Item {
|
|
SplitView.fillWidth: true
|
|
SplitView.fillHeight: true
|
|
DappsComboBox {
|
|
id: connectedDappComboBox
|
|
anchors.top: parent.top
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
model: emptyModelCheckbox.checked ? emptyModel : smallModelCheckbox.checked ? smallModel: dappsModel
|
|
popup.visible: true
|
|
enabled: enabledCheckbox.checked
|
|
|
|
onDappListRequested: {
|
|
console.log("Dapps list requested")
|
|
}
|
|
onConnectDapp: {
|
|
console.log("Connect dapp")
|
|
}
|
|
onDisconnectDapp: {
|
|
console.log("Disconnect dapp")
|
|
}
|
|
}
|
|
|
|
ListModel {
|
|
id: emptyModel
|
|
}
|
|
|
|
ListModel {
|
|
id: smallModel
|
|
ListElement {
|
|
name: "SMALL Model"
|
|
url: "https://dapp.test/1"
|
|
iconUrl: "https://se-sdk-dapp.vercel.app/assets/eip155:1.png"
|
|
connectorBadge: "https://random.imagecdn.app/20/20"
|
|
}
|
|
}
|
|
|
|
ListModel {
|
|
id: dappsModel
|
|
ListElement {
|
|
name: ""
|
|
url: "https://dapp.test/1"
|
|
iconUrl: "https://se-sdk-dapp.vercel.app/assets/eip155:1.png"
|
|
connectorBadge: "https://random.imagecdn.app/20/20"
|
|
}
|
|
ListElement {
|
|
name: "Test dApp 2"
|
|
url: "https://dapp.test/2"
|
|
iconUrl: ""
|
|
connectorBadge: "https://random.imagecdn.app/20/20"
|
|
}
|
|
ListElement {
|
|
name: ""
|
|
url: "https://dapp.test/3"
|
|
iconUrl: ""
|
|
connectorBadge: ""
|
|
}
|
|
ListElement {
|
|
name: "Test dApp 4 - very long name !!!!!!!!!!!!!!!!"
|
|
url: "https://dapp.test/4"
|
|
iconUrl: "https://react-app.walletconnect.com/assets/eip155-1.png"
|
|
connectorBadge: ""
|
|
}
|
|
ListElement {
|
|
name: "Test dApp 5 - very long url"
|
|
url: "https://dapp.test/very_long/url/unusual"
|
|
iconUrl: "https://react-app.walletconnect.com/assets/eip155-1.png"
|
|
connectorBadge: ""
|
|
}
|
|
ListElement {
|
|
name: "Test dApp 6"
|
|
url: "https://dapp.test/6"
|
|
iconUrl: "https://react-app.walletconnect.com/assets/eip155-1.png"
|
|
connectorBadge: ""
|
|
}
|
|
ListElement {
|
|
name: "Test dApp 7"
|
|
url: "https://dapp.test/7"
|
|
iconUrl: "https://react-app.walletconnect.com/assets/eip155-1.png"
|
|
connectorBadge: ""
|
|
}
|
|
ListElement {
|
|
name: "Test dApp 8"
|
|
url: "https://dapp.test/8"
|
|
iconUrl: "https://react-app.walletconnect.com/assets/eip155-1.png"
|
|
connectorBadge: ""
|
|
}
|
|
ListElement {
|
|
name: "Test dApp 9"
|
|
url: "https://dapp.test/9"
|
|
iconUrl: "https://react-app.walletconnect.com/assets/eip155-1.png"
|
|
connectorBadge: ""
|
|
}
|
|
ListElement {
|
|
name: "Test dApp 10"
|
|
url: "https://dapp.test/10"
|
|
iconUrl: "https://react-app.walletconnect.com/assets/eip155-1.png"
|
|
connectorBadge: ""
|
|
}
|
|
ListElement {
|
|
name: "Test dApp 11"
|
|
url: "https://dapp.test/11"
|
|
iconUrl: "https://react-app.walletconnect.com/assets/eip155-1.png"
|
|
connectorBadge: ""
|
|
}
|
|
}
|
|
}
|
|
|
|
Pane {
|
|
id: controls
|
|
SplitView.preferredWidth: 300
|
|
SplitView.fillHeight: true
|
|
|
|
ColumnLayout {
|
|
RadioButton {
|
|
text: "Default model"
|
|
checked: true
|
|
}
|
|
|
|
RadioButton {
|
|
id: emptyModelCheckbox
|
|
text: "Empty model"
|
|
}
|
|
|
|
RadioButton {
|
|
id: smallModelCheckbox
|
|
text: "Small model"
|
|
}
|
|
|
|
CheckBox {
|
|
id: enabledCheckbox
|
|
text: "Enabled"
|
|
checked: true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// category: Controls
|
|
|
|
// https://www.figma.com/design/HrmZp1y4S77QJezRFRl6ku/dApp-Interactions---Milestone-1?node-id=130-31949&t=hnzB58fTnEnx2z84-0
|
|
// https://www.figma.com/design/1OYKMzU6KTQHQAqDhojk0r/Status-connector?node-id=3216-5618&node-type=FRAME&t=CqsuoQHp1p5MOUt9-0
|