status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor(@desktop/walletv2): make sign phrase modal a StatusModal 

This originated as part of the refactor being done for https://github.com/status-im/status-desktop/issues/3831
This commit is contained in:
Pascal Precht 2021-10-18 11:52:05 +02:00 committed by Iuri Matias
parent 20af5435a5
commit 6b5db40c47
1 changed files with 69 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
ui/app/AppLayouts/WalletV2/popups/SignPhraseModal.qml
View File

@ -3,27 +3,32 @@ import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13 import QtQuick.Layouts 1.13
import utils 1.0 import utils 1.0
import "../../../../shared"
import "../../../../shared/popups"
import "../../../../shared/panels"
import "../../../../shared/status"
import "."
// TODO: replace with StatusModal import StatusQ.Core 0.1
ModalPopup { import StatusQ.Core.Theme 0.1
import StatusQ.Popups 0.1
import StatusQ.Controls 0.1
StatusModal {
id: signPhrasePopup id: signPhrasePopup
title: qsTrId("signing-phrase") anchors.centerIn: parent
height: 390 height: 390
closePolicy: Popup.NoAutoClose closePolicy: Popup.NoAutoClose
header.title: qsTrId("signing-phrase")
property string signingPhraseText: "" property string signingPhraseText: ""
signal remindLaterButtonClicked() signal remindLaterButtonClicked()
contentItem: Item {
width: signPhrasePopup.width
height: childrenRect.height
Column { Column {
anchors.left: parent.left anchors.top: parent.top
anchors.right: parent.right anchors.topMargin: 16
width: parent.width - 32
anchors.horizontalCenter: parent.horizontalCenter
StyledText { StatusBaseText {
height: (Style.current.padding * 3) height: (Style.current.padding * 3)
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
@ -32,7 +37,7 @@ ModalPopup {
text: qsTrId("this-is-you-signing") text: qsTrId("this-is-you-signing")
} }
StyledText { StatusBaseText {
width: 330 width: 330
height: Style.current.padding * 4 height: Style.current.padding * 4
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
@ -45,8 +50,8 @@ ModalPopup {
Rectangle { Rectangle {
width: parent.width width: parent.width
height: 44 height: 44
color: Style.current.inputBackground color: Theme.palette.baseColor2
StyledText { StatusBaseText {
id: signingPhrase id: signingPhrase
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
@ -58,38 +63,32 @@ ModalPopup {
Item { Item {
width: parent.width width: parent.width
height: 30 height: 30
SVGImage { StatusIcon {
icon: "warning"
width: 13.33 width: 13.33
height: 13.33 height: 13.33
sourceSize.height: (height * 2)
sourceSize.width: (width * 2)
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
fillMode: Image.PreserveAspectFit color: Theme.palette.dangerColor1
source: Style.svg("exclamation_outline")
} }
} }
StyledText { StatusBaseText {
width: parent.width width: parent.width
height: 18 height: 18
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
font.pixelSize: 13 font.pixelSize: 13
color: Style.current.danger color: Theme.palette.dangerColor1
//% "If you see a different combination, cancel the transaction and sign out" //% "If you see a different combination, cancel the transaction and sign out"
text: qsTrId("three-words-description-2") text: qsTrId("three-words-description-2")
} }
} }
}
footer: Item { rightButtons: [
width: parent.width StatusFlatButton {
height: btnRemindLater.height
StatusButton {
anchors.right: btnRemindLater.left
anchors.rightMargin: Style.current.padding
type: "secondary"
//% "Ok, got it" //% "Ok, got it"
text: qsTrId("ens-got-it") text: qsTrId("ens-got-it")
onClicked: { onClicked: {
@ -97,17 +96,13 @@ ModalPopup {
appSettings.hideSignPhraseModal = true; appSettings.hideSignPhraseModal = true;
close(); close();
} }
} },
StatusButton { StatusButton {
id: btnRemindLater
anchors.right: parent.right
//% "Remind me later" //% "Remind me later"
text: qsTrId("remind-me-later") text: qsTrId("remind-me-later")
onClicked: { onClicked: {
signPhrasePopup.remindLaterButtonClicked(); signPhrasePopup.remindLaterButtonClicked();
} }
} }
} ]
} }