import QtQuick 2.14 import QtQuick.Layouts 1.3 import QtQuick.Controls 2.14 import utils 1.0 import "../../../../../shared" import "../../../../../shared/status" 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 //% "Username added" text: qsTrId("ens-saved-title") 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 //% "Nice! You own %1.stateofus.eth once the transaction is complete." text: qsTrId("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 //% "You can follow the progress in the Transaction History section of your wallet." text: qsTrId("ens-username-you-can-follow-progress") 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 } StatusButton { id: startBtn anchors.top: progress.bottom anchors.topMargin: Style.current.padding anchors.horizontalCenter: parent.horizontalCenter //% "Ok, got it" text: qsTrId("ens-got-it") onClicked: okBtnClicked() } }