qml: use Icon control

Author: promag

src/qml/components/BlockClock.qml

@@ -67,19 +67,13 @@ Item {
         }
     }
 
-    Button {
+    Icon {
         id: bitcoinIcon
-        background: null
-        icon.source: "image://images/bitcoin-circle"
-        icon.color: Theme.color.neutral9
-        icon.width: Math.max(dial.width / 5, 1)
-        icon.height: Math.max(dial.width / 5, 1)
+        source: "image://images/bitcoin-circle"
+        color: Theme.color.neutral9
+        size: Math.max(dial.width / 5, 1)
         anchors.bottom: mainText.top
         anchors.horizontalCenter: root.horizontalCenter
-
-        Behavior on icon.color {
-            ColorAnimation { duration: 150 }
-        }
     }
 
     Label {

src/qml/components/CaretRightButton.qml

@@ -4,21 +4,13 @@
 
 import QtQuick 2.15
 import QtQuick.Controls 2.15
+import "../controls"
 
-Button {
+Icon {
     id: root
     required property color stateColor
-
-    leftPadding: 0
-    topPadding: 0
-    bottomPadding: 0
-    icon.source: "image://images/caret-right"
-    icon.color: root.stateColor
-    icon.height: 18
-    icon.width: 18
-    background: null
-
-    Behavior on icon.color {
-        ColorAnimation { duration: 150 }
-    }
+    enabled: true
+    source: "image://images/caret-right"
+    color: root.stateColor
+    size: 18
 }

src/qml/components/ThemeSettings.qml

@@ -19,18 +19,12 @@ ColumnLayout {
     Setting {
         Layout.fillWidth: true
         header: qsTr("Light")
-        actionItem: Button {
+        actionItem: Icon {
             anchors.centerIn: parent
             visible: !Theme.dark
-            icon.source: "image://images/check"
-            icon.color: Theme.color.neutral9
-            icon.height: 24
-            icon.width: 24
-            background: null
-
-            Behavior on icon.color {
-                ColorAnimation { duration: 150 }
-            }
+            source: "image://images/check"
+            color: Theme.color.neutral9
+            size: 24
         }
         onClicked: {
             Theme.dark = false
@@ -40,18 +34,12 @@ ColumnLayout {
     Setting {
         Layout.fillWidth: true
         header: qsTr("Dark")
-        actionItem: Button {
+        actionItem: Icon {
             anchors.centerIn: parent
             visible: Theme.dark
-            icon.source: "image://images/check"
-            icon.color: Theme.color.neutral9
-            icon.height: 24
-            icon.width: 24
-            background: null
-
-            Behavior on icon.color {
-                ColorAnimation { duration: 150 }
-            }
+            source: "image://images/check"
+            color: Theme.color.neutral9
+            size: 24
         }
         onClicked: {
             Theme.dark = true;

src/qml/controls/OptionButton.qml

@@ -84,18 +84,12 @@ Button {
         Item {
             height: parent.height
             width: 40
-            Button {
+            Icon {
                 anchors.centerIn: parent
                 visible: button.checked
-                icon.source: "image://images/check"
-                icon.color: Theme.color.neutral9
-                icon.height: 24
-                icon.width: 24
-                background: null
-
-                Behavior on icon.color {
-                    ColorAnimation { duration: 150 }
-                }
+                source: "image://images/check"
+                color: Theme.color.neutral9
+                size: 24
             }
         }
     }

src/qml/pages/node/Shutdown.qml

@@ -14,14 +14,12 @@ Page {
         anchors.centerIn: parent
         width: parent.width
         spacing: 10
-        Button {
+        Icon {
             Layout.alignment: Qt.AlignCenter
             Layout.bottomMargin: 20
-            background: null
-            icon.source: "image://images/shutdown"
-            icon.color: Theme.color.neutral9
-            icon.width: 60
-            icon.height: 60
+            source: "image://images/shutdown"
+            color: Theme.color.neutral9
+            size: 60
         }
         Header {
             Layout.alignment: Qt.AlignCenter