qml: refactor initerror window

refactor initerror window to adhere to designers specification

Author: jarolrod

src/qml/bitcoin.cpp

@@ -67,6 +67,7 @@ bool InitErrorMessageBox(
 {
     QQmlApplicationEngine engine;
     engine.rootContext()->setContextProperty("message", QString::fromStdString(message.translated));
+    engine.addImageProvider(QStringLiteral("images"), new ImageProvider{NULL});
     engine.load(QUrl(QStringLiteral("qrc:///qml/pages/initerrormessage.qml")));
     if (engine.rootObjects().isEmpty()) {
         return EXIT_FAILURE;

src/qml/pages/initerrormessage.qml

@@ -4,22 +4,79 @@
 
 import QtQuick 2.15
 import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import "../controls"
 
 ApplicationWindow {
-    title: "Bitcoin Core TnG"
+    id: root
     visible: true
     minimumWidth: 500
-    minimumHeight: 200
+    minimumHeight: 250
+    color: "transparent"
+    flags: Qt.FramelessWindowHint
+    background: Rectangle {
+      color: Theme.color.background
+      radius: 10
+    }
+    menuBar: RowLayout {
+        width: parent.width
+        height: 55
+
+        DragHandler {
+          id: menuHandler
+          grabPermissions: TapHandler.CanTakeOverFromAnything
+          onActiveChanged: if (active) { root.startSystemMove(); }
+          target: null
+        }
+        Rectangle {
+            width: 55
+            color: "green"
+        }
+        Header {
+            Layout.fillWidth: true
+            Layout.alignment: Qt.AlignCenter
+            bold: true
+            header: "Error"
+            headerSize: 24
+        }
+        Button {
+            id: icon_button
+            implicitWidth: 55
+            icon.source: "image://images/cross"
+            icon.color: Theme.color.neutral9
+            icon.width: 20
+            background: null
+            onClicked: Qt.quit()
+        }
+    }
+
+    DragHandler {
+      id: moveHandler
+      grabPermissions: TapHandler.CanTakeOverFromAnything
+      onActiveChanged: if (active) { root.startSystemMove(); }
+      target: null
+    }
+    Rectangle {
+        anchors.bottom: root.menuBar.bottom
+        width: root.width
+        height: 1
+        color: Theme.color.neutral5
+    }
+    ColumnLayout {
+        spacing: 30
+        anchors.top: parent.top
+        anchors.horizontalCenter: parent.horizontalCenter
 
-    Dialog {
-        anchors.centerIn: parent
-        title: qsTr("Error")
-        contentItem:
-            Label {
-                text: message
-            }
-        visible: true
-        standardButtons: Dialog.Ok
-        onAccepted: Qt.quit()
+        Header {
+            Layout.topMargin: 30
+            Layout.fillWidth: true
+            header: message
+            headerSize: 18
+        }
+        OutlineButton {
+            Layout.alignment: Qt.AlignCenter
+            text: "OK"
+            onClicked: Qt.quit()
+        }
     }
 }