diff --git a/ui/app/AppLayouts/Wallet/SeedPhraseBackupWarning.qml b/ui/app/AppLayouts/Wallet/SeedPhraseBackupWarning.qml new file mode 100644 index 0000000000..19689469d4 --- /dev/null +++ b/ui/app/AppLayouts/Wallet/SeedPhraseBackupWarning.qml @@ -0,0 +1,92 @@ +import QtQuick 2.13 +import QtQuick.Controls 2.13 +import QtQuick.Layouts 1.13 +import QtGraphicalEffects 1.13 +import "../../../imports" +import "../../../shared" +import "../Profile/Sections" +import "." + +Rectangle { + id: root + visible: !profileModel.mnemonic.isBackedUp + height: visible ? 32 : 0 + color: Style.current.red + + Row { + spacing: Style.current.halfPadding + anchors.horizontalCenter: parent.horizontalCenter + anchors.verticalCenter: parent.verticalCenter + + StyledText { + //% "Back up your seed phrase" + text: qsTrId("back-up-your-seed-phrase") + font.pixelSize: 13 + anchors.verticalCenter: parent.verticalCenter + color: Style.current.white + } + + Button { + width: 58 + height: 24 + contentItem: Item { + anchors.fill: parent + Text { + text: "Back up" + font.pixelSize: 13 + font.weight: Font.Medium + font.family: Style.current.fontRegular.name + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + anchors.top: parent.top + anchors.bottom: parent.bottom + anchors.left: parent.left + anchors.right: parent.right + color: Style.current.white + } + } + background: Rectangle { + radius: 4 + anchors.fill: parent + border.color: Style.current.white + color: "#19FFFFFF" + } + MouseArea { + cursorShape: Qt.PointingHandCursor + anchors.fill: parent + onClicked: backupSeedModal.open() + } + } + } + + SVGImage { + id: closeImg + anchors.top: parent.top + anchors.topMargin: 6 + anchors.right: parent.right + anchors.rightMargin: 18 + source: "../../img/close-white.svg" + height: 20 + width: 20 + } + ColorOverlay { + anchors.fill: closeImg + source: closeImg + color: Style.current.white + opacity: 0.7 + } + MouseArea { + anchors.fill: closeImg + cursorShape: Qt.PointingHandCursor + onClicked: ParallelAnimation { + PropertyAnimation { target: root; property: "visible"; to: false; } + PropertyAnimation { target: root; property: "y"; to: -1 * root.height } + } + } + + + BackupSeedModal { + id: backupSeedModal + } + +} diff --git a/ui/app/AppLayouts/Wallet/WalletLayout.qml b/ui/app/AppLayouts/Wallet/WalletLayout.qml index 8e73336658..88406ef4af 100644 --- a/ui/app/AppLayouts/Wallet/WalletLayout.qml +++ b/ui/app/AppLayouts/Wallet/WalletLayout.qml @@ -22,8 +22,17 @@ Item { id: signPhrasePopup } + SeedPhraseBackupWarning { + id: seedPhraseWarning + width: parent.width + anchors.top: parent.top + } + + StatusAppTwoPanelLayout { - anchors.fill: parent + anchors.top: seedPhraseWarning.bottom + height: walletView.height - seedPhraseWarning.height + width: walletView.width Component.onCompleted: { if(onboardingModel.firstTimeLogin){ diff --git a/ui/app/AppMain.qml b/ui/app/AppMain.qml index e745c81d96..7b9a1861c9 100644 --- a/ui/app/AppMain.qml +++ b/ui/app/AppMain.qml @@ -181,25 +181,12 @@ Item { } } - ModuleWarning { - id: mnemonicBackupWarning - width: parent.width - visible: appSettings.isWalletEnabled && !profileModel.mnemonic.isBackedUp && appView.currentIndex == Utils.getAppSectionIndex(Constants.wallet) - color: Style.current.red - //% "Back up your seed phrase" - text: qsTrId("back-up-your-seed-phrase") - btnText: qsTr("Back up") - onClick: function() { - openPopup(backupSeedModalComponent); - } - } - StatusAppLayout { id: appLayout width: parent.width anchors.top: parent.top - anchors.topMargin: (versionWarning.visible || mnemonicBackupWarning.visible) ? 32 : 0 + anchors.topMargin: versionWarning.visible ? 32 : 0 anchors.bottom: parent.bottom appNavBar: StatusAppNavBar {