mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-09 13:56:10 +00:00
58e292e9ab
Fixes: #2248. Add a close button to the seed backup warning banner in the wallet. The banner will reappear upon application restart as long as the seed hasn’t already been backed up (`profileModel.mnemonic.isBackedUp`). A new .svg with a white outline needed to be added as well because the original “close.svg” had a purple outline, which would show up when the ColorOverlay applied to the close button had an opacity less than 1.0.
93 lines
2.6 KiB
QML
93 lines
2.6 KiB
QML
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
|
|
Layout.fillWidth: true
|
|
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
|
|
}
|
|
|
|
} |