ContextMenu: styling, implement ContextMenuItem component

1 files changed, 10 insertions, 13 deletions

diff --git a/components/ContextMenu.qml b/components/ContextMenu.qml
index 58442e8d..a4ca3209 100644
--- a/components/ContextMenu.qml
+++ b/components/ContextMenu.qml
@@ -1,6 +1,7 @@
-import QtQuick.Controls 2.2
 import QtQuick 2.9
+import QtQuick.Controls 2.2
 
+import FontAwesome 1.0
 import "../components" as MoneroComponents
 
 MouseArea {
@@ -18,24 +19,20 @@ MouseArea {
         id: contextMenu
 
         background: Rectangle {
+            border.color: MoneroComponents.Style.buttonBackgroundColorDisabledHover
+            border.width: 1
             radius: 2
-            color: MoneroComponents.Style.buttonInlineBackgroundColor
+            color: MoneroComponents.Style.buttonBackgroundColorDisabled
         }
 
-        font.family: MoneroComponents.Style.fontRegular.name
-        font.pixelSize: 14
-        width: 50
+        padding: 1
+        width: 100
         x: root.mouseX
         y: root.mouseY
 
-        MenuItem {
-            id: pasteItem
-            background: Rectangle {
-                radius: 2
-                color: MoneroComponents.Style.buttonBackgroundColorDisabledHover
-                opacity: pasteItem.down ? 1 : 0
-            }
-            enabled: root.parent.canPaste
+        MoneroComponents.ContextMenuItem {
+            enabled: root.parent.canPaste === true
+            glyphIcon: FontAwesome.paste
             onTriggered: root.paste()
             text: qsTr("Paste") + translationManager.emptyString
         }