add fiat to balance summary

electrum/gui/qml/components/BalanceSummary.qml

@@ -10,10 +10,16 @@ Frame {
 
     property string formattedBalance
     property string formattedUnconfirmed
+    property string formattedBalanceFiat
+    property string formattedUnconfirmedFiat
 
     function setBalances() {
-        root.formattedBalance = Config.formatSats(Daemon.currentWallet.confirmedBalance, true)
-        root.formattedUnconfirmed = Config.formatSats(Daemon.currentWallet.unconfirmedBalance, true)
+        root.formattedBalance = Config.formatSats(Daemon.currentWallet.confirmedBalance)
+        root.formattedUnconfirmed = Config.formatSats(Daemon.currentWallet.unconfirmedBalance)
+        if (Daemon.fx.enabled) {
+            root.formattedBalanceFiat = Daemon.fx.fiatValue(Daemon.currentWallet.confirmedBalance.toString(), false)
+            root.formattedUnconfirmedFiat = Daemon.fx.fiatValue(Daemon.currentWallet.unconfirmedBalance.toString(), false)
+        }
     }
 
     GridLayout {
@@ -24,25 +30,68 @@ Frame {
             font.pixelSize: constants.fontSizeLarge
             text: qsTr('Balance: ')
         }
+        RowLayout {
             Label {
                 font.pixelSize: constants.fontSizeLarge
-            color: Material.accentColor
+                font.family: FixedFont
                 text: formattedBalance
             }
+            Label {
+                font.pixelSize: constants.fontSizeMedium
+                color: Material.accentColor
+                text: Config.baseUnit
+            }
+            Label {
+                font.pixelSize: constants.fontSizeMedium
+                text: Daemon.fx.enabled
+                    ? '(' + root.formattedBalanceFiat + ' ' + Daemon.fx.fiatCurrency + ')'
+                    : ''
+            }
+        }
         Label {
             text: qsTr('Confirmed: ')
+            font.pixelSize: constants.fontSizeSmall
         }
+        RowLayout {
             Label {
-            color: Material.accentColor
+                font.pixelSize: constants.fontSizeSmall
+                font.family: FixedFont
                 text: formattedBalance
             }
             Label {
+                font.pixelSize: constants.fontSizeSmall
+                color: Material.accentColor
+                text: Config.baseUnit
+            }
+            Label {
+                font.pixelSize: constants.fontSizeSmall
+                text: Daemon.fx.enabled
+                    ? '(' + root.formattedBalanceFiat + ' ' + Daemon.fx.fiatCurrency + ')'
+                    : ''
+            }
+        }
+        Label {
+            font.pixelSize: constants.fontSizeSmall
             text: qsTr('Unconfirmed: ')
         }
+        RowLayout {
             Label {
-            color: Material.accentColor
+                font.pixelSize: constants.fontSizeSmall
+                font.family: FixedFont
                 text: formattedUnconfirmed
             }
+            Label {
+                font.pixelSize: constants.fontSizeSmall
+                color: Material.accentColor
+                text: Config.baseUnit
+            }
+            Label {
+                font.pixelSize: constants.fontSizeSmall
+                text: Daemon.fx.enabled
+                    ? '(' + root.formattedUnconfirmedFiat + ' ' + Daemon.fx.fiatCurrency + ')'
+                    : ''
+            }
+        }
     }
 
     // instead of all these explicit connections, we should expose