From db0f8e9fb53863998403e3f6e7b3a2a62f173b4f Mon Sep 17 00:00:00 2001
From: Noelia <noelia@status.im>
Date: Tue, 23 Aug 2022 17:00:20 +0200
Subject: [PATCH] feat(StatusItemPicker): Added `radioButtonSize` property

Added properties `namePixelSize` and `radioButtonSize`.
Some fixes when shortName is undefined.
---
 src/StatusQ/Controls/StatusItemPicker.qml | 28 ++++++++++++++++++-----
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/StatusQ/Controls/StatusItemPicker.qml b/src/StatusQ/Controls/StatusItemPicker.qml
index 4267401c..013c9cbe 100644
--- a/src/StatusQ/Controls/StatusItemPicker.qml
+++ b/src/StatusQ/Controls/StatusItemPicker.qml
@@ -50,6 +50,12 @@ Rectangle {
     */
     property string name
 
+    /*!
+       \qmlproperty int StatusItemPicker::namePixelSize
+       This property holds pixel size of the name to be displayed.
+    */
+    property int namePixelSize: 15
+
     /*!
        \qmlproperty string StatusItemPicker::shortName
        This property holds the secondary text or short name to be displayed.
@@ -81,6 +87,15 @@ Rectangle {
     */
     property ButtonGroup radioGroup
 
+    /*!
+       \qmlproperty int StatusItemPicker::radioButtonSize
+       This property holds size type of the radio button.
+       Possible values are:
+       - Small
+       - Large (default size)
+    */
+    property int radioButtonSize: StatusRadioButton.Size.Large
+
     /*!
         \qmlsignal StatusItemPicker::checkedChanged(bool checked)
         This signal is emitted when the item is selected by pressing the radiobutton or the checkbox.
@@ -95,7 +110,7 @@ Rectangle {
     QtObject {
         id: d
 
-        property int minShortNameWidth: 50
+        readonly property int minShortNameWidth: root.shortName ? 50 : 0
 
         function availableTextWidth() {
              return root.width - imageItem.width - row.spacing - shortNameItem.anchors.rightMargin - selector.width - selector.anchors.rightMargin - 24/*Margin between both texts*/
@@ -112,10 +127,10 @@ Rectangle {
         StatusIcon {
             id: imageItem
             anchors.verticalCenter: parent.verticalCenter
-            source: root.image.source ? root.image.source : ""
-            width: root.image.width
-            height: root.image.height
-            visible: root.image.source !== undefined
+            source: root.image && root.image.source ? root.image.source : ""
+            width: root.image ? root.image.width : 0
+            height: root.image ? root.image.height : 0
+            visible: root.image && root.image.source !== undefined
         }
 
         StatusBaseText {
@@ -126,7 +141,7 @@ Rectangle {
                    dummyNameItem.width
             text: root.name
             color: Theme.palette.directColor1
-            font.pixelSize: 15
+            font.pixelSize: root.namePixelSize
             clip: true
             elide: Text.ElideRight
         }
@@ -167,6 +182,7 @@ Rectangle {
     Component {
         id: radioBtn
         StatusRadioButton {
+            size: root.radioButtonSize
             ButtonGroup.group: root.radioGroup
             checked: root.selected
             onCheckedChanged: {