Use correct status icon

CURA-6990

1 files changed, 3 insertions, 20 deletions

diff --git a/plugins/Marketplace/resources/qml/PackageCardHeader.qml b/plugins/Marketplace/resources/qml/PackageCardHeader.qml
index 416550aa25..6c9d533bb5 100644
--- a/plugins/Marketplace/resources/qml/PackageCardHeader.qml
+++ b/plugins/Marketplace/resources/qml/PackageCardHeader.qml
@@ -89,29 +89,12 @@ Item
             Layout.preferredWidth: parent.width
             Layout.preferredHeight: childrenRect.height
 
-            UM.ColorImage
+            UM.StatusIcon
             {
-                id: badge
-
-                width: UM.Theme.getSize("section_icon").width
+                width: UM.Theme.getSize("section_icon").width + UM.Theme.getSize("narrow_margin").width
                 height: UM.Theme.getSize("section_icon").height
-
+                status: UM.StatusIcon.Status.WARNING
                 visible: packageData.isMissingPackageInformation
-
-                source: UM.Theme.getIcon("WarningBadge", "low")
-                color: UM.Theme.getColor("warning")
-
-                // Make a themable circle in the background so we can change it in other themes
-                Rectangle
-                {
-                    id: iconBackground
-                    color: UM.Theme.getColor("warning_badge_background")
-                    anchors.centerIn: parent
-                    width: parent.width - 1.5  //1.5 pixels smaller, (at least sqrt(2), regardless of screen pixel scale) so that the circle doesn't show up behind the icon due to anti-aliasing.
-                    height: parent.height - 1.5
-                    radius: width / 2
-                    z: parent.z - 1
-                }
             }
 
             UM.Label