1 files changed, 62 insertions, 0 deletions
diff --git a/OrderCompleted.ui.qml b/OrderCompleted.ui.qml
new file mode 100644
index 0000000..ebf6bc2
--- /dev/null
+++ b/OrderCompleted.ui.qml
@@ -0,0 +1,62 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Flickable {
+	property alias orderCompletedText: text
+	property alias orderCompletedButton: button
+	contentHeight: body.height
+
+	FontLoader {
+		id: jost
+		name: "Jost"
+		source: "Jost/Jost-Regular.ttf"
+	}
+
+	ColumnLayout {
+		id: body
+		anchors {
+			top: parent.top
+			left: parent.left
+			right: parent.right
+		}
+
+		ColumnLayout {
+			Layout.topMargin: 96
+			Layout.leftMargin: 16
+			Layout.rightMargin: 16
+			Layout.bottomMargin: 96
+
+			Label {
+				text: qsTr("Your Order is Completed!")
+				font.pixelSize: 30
+				font.family: jost.name
+				wrapMode: Text.Wrap
+				horizontalAlignment: Text.AlignHCenter
+				Layout.fillWidth: true
+				Layout.bottomMargin: 20
+			}
+
+			Label {
+				id: text
+				text: qsTr("Your order 673290789 has been "
+					+ "completed. Your order details are "
+					+ "shown for your personal account.")
+				font.pixelSize: 16
+				font.family: jost.name
+				wrapMode: Text.Wrap
+				horizontalAlignment: Text.AlignHCenter
+				Layout.fillWidth: true
+				Layout.bottomMargin: 32
+			}
+
+			Button {
+				id: button
+				text: qsTr("View My Orders")
+				font.pixelSize: 16
+				font.family: jost.name
+				Layout.alignment: Qt.AlignHCenter
+			}
+		}
+	}
+}