From 35ec8f71904e4ffaa293c1dc9ddee691681fd572 Mon Sep 17 00:00:00 2001
From: Ghostkeeper <rubend@tutanota.com>
Date: Thu, 21 Oct 2021 17:34:14 +0200
Subject: [PATCH] Add basic layout for button to load more packages

Contributes to issue CURA-8556.
---
 plugins/Marketplace/resources/qml/Plugins.qml | 37 +++++++++++++++++++
 .../cura-light/icons/default/ArrowDown.svg    |  3 ++
 2 files changed, 40 insertions(+)
 create mode 100644 resources/themes/cura-light/icons/default/ArrowDown.svg

diff --git a/plugins/Marketplace/resources/qml/Plugins.qml b/plugins/Marketplace/resources/qml/Plugins.qml
index 2667bd1729..010713eb4b 100644
--- a/plugins/Marketplace/resources/qml/Plugins.qml
+++ b/plugins/Marketplace/resources/qml/Plugins.qml
@@ -40,5 +40,42 @@ ScrollView
                 }
             }
         }
+        Button
+        {
+            id: loadMoreButton
+            width: parent.width
+            height: UM.Theme.getSize("card").height
+
+            background: Rectangle
+            {
+                anchors.fill: parent
+                radius: UM.Theme.getSize("default_radius").width
+                color: UM.Theme.getColor("main_background")
+            }
+
+            Row
+            {
+                anchors.centerIn: parent
+
+                spacing: UM.Theme.getSize("thin_margin").width
+
+                UM.RecolorImage
+                {
+                    width: UM.Theme.getSize("small_button_icon").width
+                    height: UM.Theme.getSize("small_button_icon").height
+                    anchors.verticalCenter: loadMoreLabel.verticalCenter
+
+                    source: UM.Theme.getIcon("ArrowDown")
+                    color: UM.Theme.getColor("primary")
+                }
+                Label
+                {
+                    id: loadMoreLabel
+                    text: catalog.i18nc("@button", "Load More")
+                    font: UM.Theme.getFont("medium_bold")
+                    color: UM.Theme.getColor("primary")
+                }
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/resources/themes/cura-light/icons/default/ArrowDown.svg b/resources/themes/cura-light/icons/default/ArrowDown.svg
new file mode 100644
index 0000000000..ab5ea8e076
--- /dev/null
+++ b/resources/themes/cura-light/icons/default/ArrowDown.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21L4.293 13.293L5.707 11.8789L11 17.1719V3H13V17.1719L18.293 11.8789L19.707 13.293L12 21Z" />
+</svg>