import QtQuick 2.14 import QtQuick.Layouts 1.3 import QtQuick.Controls 2.14 import "../../../../../imports" import "../../../../../shared" Item { property string ensUsername: "" signal okBtnClicked() StyledText { id: sectionTitle //% "ENS usernames" text: qsTrId("ens-usernames") anchors.left: parent.left anchors.leftMargin: Style.current.bigPadding anchors.top: parent.top anchors.topMargin: Style.current.bigPadding font.weight: Font.Bold font.pixelSize: 20 } Rectangle { id: circle anchors.top: sectionTitle.bottom anchors.topMargin: Style.current.bigPadding anchors.horizontalCenter: parent.horizontalCenter width: 60 height: 60 radius: 120 color: Style.current.blue StyledText { text: "✓" opacity: 0.7 font.weight: Font.Bold font.pixelSize: 18 color: Style.current.white anchors.horizontalCenter: parent.horizontalCenter anchors.verticalCenter: parent.verticalCenter } } StyledText { id: title text: qsTr("Username added") anchors.top: circle.bottom anchors.topMargin: Style.current.bigPadding font.weight: Font.Bold font.pixelSize: 24 anchors.left: parent.left anchors.right: parent.right horizontalAlignment: Text.AlignHCenter wrapMode: Text.WordWrap } StyledText { id: subtitle text: qsTr("Nice! You own %1.stateofus.eth once the transaction is complete.").arg(ensUsername) anchors.top: title.bottom anchors.topMargin: 24 font.pixelSize: 14 anchors.left: parent.left anchors.right: parent.right horizontalAlignment: Text.AlignHCenter wrapMode: Text.WordWrap } StyledText { id: progress text: qsTr("You can follow the progress in the Transaction History section of your wallet.") anchors.top: subtitle.bottom anchors.topMargin: 24 font.pixelSize: 12 anchors.left: parent.left anchors.right: parent.right horizontalAlignment: Text.AlignHCenter wrapMode: Text.WordWrap color: Style.current.secondaryText } StyledButton { id: startBtn anchors.top: progress.bottom anchors.topMargin: Style.current.padding anchors.horizontalCenter: parent.horizontalCenter label: qsTr("Ok, got it") onClicked: okBtnClicked() } }