qml: Introduce AddWallet page after onboarding

Author: johnny9

src/Makefile.qt.include

@@ -317,6 +317,7 @@ QML_RES_FONTS = \
   qml/res/fonts/Inter-SemiBold.otf
 
 QML_RES_ICONS = \
+  qml/res/icons/add-wallet-dark.png \
   qml/res/icons/arrow-down.png \
   qml/res/icons/arrow-up.png \
   qml/res/icons/bitcoin-circle.png \

src/qml/bitcoin_qml.qrc

@@ -65,9 +65,11 @@
         <file>pages/settings/SettingsProxy.qml</file>
         <file>pages/settings/SettingsStorage.qml</file>
         <file>pages/settings/SettingsTheme.qml</file>
+        <file>pages/wallet/AddWallet.qml</file>
         <file>pages/wallet/DesktopWallets.qml</file>
     </qresource>
     <qresource prefix="/icons">
+        <file alias="add-wallet-dark">res/icons/add-wallet-dark.png</file>
         <file alias="arrow-down">res/icons/arrow-down.png</file>
         <file alias="arrow-up">res/icons/arrow-up.png</file>
         <file alias="bitcoin-circle">res/icons/bitcoin-circle.png</file>

src/qml/imageprovider.cpp

@@ -142,5 +142,25 @@ QPixmap ImageProvider::requestPixmap(const QString& id, QSize* size, const QSize
         return QIcon(":/icons/tooltip-arrow-light").pixmap(requested_size);
     }
 
+    if (id == "add-wallet-dark") {
+        *size = requested_size;
+        return QIcon(":/icons/add-wallet-dark").pixmap(requested_size);
+    }
+
+    if (id == "wallet") {
+        *size = requested_size;
+        return QIcon(":/icons/wallet").pixmap(requested_size);
+    }
+
+    if (id == "visible") {
+        *size = requested_size;
+        return QIcon(":/icons/visible").pixmap(requested_size);
+    }
+
+    if (id == "hidden") {
+        *size = requested_size;
+        return QIcon(":/icons/hidden").pixmap(requested_size);
+    }
+
     return {};
 }

src/qml/pages/main.qml

@@ -81,6 +81,7 @@ ApplicationWindow {
                 optionsModel.onboard()
                 if (AppMode.walletEnabled && AppMode.isDesktop) {
                     main.push(desktopWallets)
+                    main.push(addWallet)
                 } else {
                     main.push(node)
                 }
@@ -93,6 +94,15 @@ ApplicationWindow {
         DesktopWallets {}
     }
 
+    Component {
+        id: addWallet
+        AddWallet {
+            onFinished: {
+                main.pop()
+            }
+        }
+    }
+
     Component {
         id: shutdown
         Shutdown {}

src/qml/pages/wallet/AddWallet.qml

@@ -0,0 +1,79 @@
+// Copyright (c) 2024 The Bitcoin Core developers
+// Distributed under the MIT software license, see the accompanying
+// file COPYING or http://www.opensource.org/licenses/mit-license.php.
+
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import "../../controls"
+import "../../components"
+import "../settings"
+import "../wallet"
+
+StackView {
+    id: addWalletStack
+
+    signal finished()
+
+    initialItem: Page {
+        background: null
+
+        header: NavigationBar2 {
+            id: navbar
+            rightItem: NavButton {
+                text: qsTr("Skip")
+                onClicked: {
+                    addWalletStack.finished()
+                }
+            }
+        }
+
+        ColumnLayout {
+            id: columnLayout
+            width: Math.min(parent.width, 450)
+            anchors.horizontalCenter: parent.horizontalCenter
+
+            Image {
+                Layout.alignment: Qt.AlignCenter
+                source: "image://images/add-wallet-dark"
+
+                sourceSize.width: 200
+                sourceSize.height: 200
+            }
+
+            Header {
+                Layout.fillWidth: true
+                Layout.leftMargin: 20
+                Layout.rightMargin: 20
+                header: qsTr("Add a wallet")
+                description: qsTr("In this early stage of development, only wallet.dat files are supported.")
+            }
+
+            ContinueButton {
+                Layout.preferredWidth: Math.min(300, parent.width - 2 * Layout.leftMargin)
+                Layout.topMargin: 40
+                Layout.leftMargin: 20
+                Layout.rightMargin: Layout.leftMargin
+                Layout.bottomMargin: 20
+                Layout.alignment: Qt.AlignCenter
+                text: qsTr("Create wallet")
+            }
+
+            ContinueButton {
+                Layout.preferredWidth: Math.min(300, parent.width - 2 * Layout.leftMargin)
+                Layout.leftMargin: 20
+                Layout.rightMargin: Layout.leftMargin
+                Layout.alignment: Qt.AlignCenter
+                text: qsTr("Import wallet")
+                borderColor: Theme.color.neutral6
+                borderHoverColor: Theme.color.orangeLight1
+                borderPressedColor: Theme.color.orangeLight2
+                textColor: Theme.color.orange
+                backgroundColor: "transparent"
+                backgroundHoverColor: "transparent"
+                backgroundPressedColor: "transparent"
+            }
+        }
+    }
+}
+