fix(ui): add tooltip to wallet qrcode button

renderer/components/Wallet/WalletBalance.js

@@ -1,11 +1,14 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Box, Flex } from 'rebass/styled-components'
+import { useIntl } from 'react-intl'
 import { CryptoSelector, CryptoValue, FiatValue } from 'containers/UI'
 import { Button, Text } from 'components/UI'
 import Qrcode from 'components/Icon/Qrcode'
+import messages from './messages'
 
 const WalletBalance = ({ totalBalance, openWalletModal }) => {
+  const { formatMessage } = useIntl()
   const approximateFiatBalance = () => (
     /* eslint-disable shopify/jsx-no-hardcoded-content */
     <Text color="gray">
@@ -20,7 +23,13 @@ const WalletBalance = ({ totalBalance, openWalletModal }) => {
       <Flex alignItems="center">
         <Box mr={3} onClick={openWalletModal}>
           <Button variant="secondary">
-            <Qrcode height="21px" width="21px" />
+            <Text
+              className="hint--top-right"
+              data-hint={formatMessage({ ...messages.qrcode_tooltip })}
+              fontWeight="light"
+            >
+              <Qrcode height="21px" width="21px" />
+            </Text>
           </Button>
         </Box>
 

renderer/components/Wallet/messages.js

@@ -5,4 +5,5 @@ export default defineMessages({
   pay: 'Pay',
   request: 'Receive',
   menu_item_autopay: 'Autopay',
+  qrcode_tooltip: 'Deposit Bitcoin',
 })

translations/af-ZA.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "",
   "components.Wallet.menu_item_autopay": "",
   "components.Wallet.pay": "",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "",
   "containers.UI.copied_to_clipbpard": "",
   "reducers.account.account_invalid_password": "",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "",
   "reducers.messages.neutrtino_synced_body": "",
   "reducers.messages.neutrtino_synced_title": "",
-  "reducers.settings.settings_init_error": "",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "",
   "reducers.payment.failed_incorrect_payment_details": "",
   "reducers.payment.failed_insufficient_balance": "",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "",
   "reducers.payment.terminated_early": "",
   "reducers.payment.unknown": "",
+  "reducers.settings.settings_init_error": "",
   "reducers.transaction.transaction_received_body": "",
   "reducers.transaction.transaction_received_title": "",
   "reducers.transaction.transaction_sent_body": "",

translations/ar-SA.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "",
   "components.Wallet.menu_item_autopay": "",
   "components.Wallet.pay": "",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "",
   "containers.UI.copied_to_clipbpard": "",
   "reducers.account.account_invalid_password": "",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "",
   "reducers.messages.neutrtino_synced_body": "",
   "reducers.messages.neutrtino_synced_title": "",
-  "reducers.settings.settings_init_error": "",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "",
   "reducers.payment.failed_incorrect_payment_details": "",
   "reducers.payment.failed_insufficient_balance": "",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "",
   "reducers.payment.terminated_early": "",
   "reducers.payment.unknown": "",
+  "reducers.settings.settings_init_error": "",
   "reducers.transaction.transaction_received_body": "",
   "reducers.transaction.transaction_received_title": "",
   "reducers.transaction.transaction_sent_body": "",

translations/bg-BG.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "адрес {chain}",
   "components.Wallet.menu_item_autopay": "Автомат. плащам",
   "components.Wallet.pay": "Плащам",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "Заяви",
   "containers.UI.copied_to_clipbpard": "{name} е копирано в буферната ви памет",
   "reducers.account.account_invalid_password": "Недействителна парола",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "Невъзможно намирането на файла за резервно копие ",
   "reducers.messages.neutrtino_synced_body": "",
   "reducers.messages.neutrtino_synced_title": "Възелът на Lightning е синхронизиран",
-  "reducers.settings.settings_init_error": "Невъзможно зареждане на настройките: {error}",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "",
   "reducers.payment.failed_incorrect_payment_details": "",
   "reducers.payment.failed_insufficient_balance": "",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "",
   "reducers.payment.terminated_early": "",
   "reducers.payment.unknown": "Непознато",
+  "reducers.settings.settings_init_error": "Невъзможно зареждане на настройките: {error}",
   "reducers.transaction.transaction_received_body": "",
   "reducers.transaction.transaction_received_title": "Транзакция On-chain е получена!",
   "reducers.transaction.transaction_sent_body": "",

translations/ca-ES.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "",
   "components.Wallet.menu_item_autopay": "",
   "components.Wallet.pay": "",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "",
   "containers.UI.copied_to_clipbpard": "",
   "reducers.account.account_invalid_password": "",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "",
   "reducers.messages.neutrtino_synced_body": "",
   "reducers.messages.neutrtino_synced_title": "",
-  "reducers.settings.settings_init_error": "",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "",
   "reducers.payment.failed_incorrect_payment_details": "",
   "reducers.payment.failed_insufficient_balance": "",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "",
   "reducers.payment.terminated_early": "",
   "reducers.payment.unknown": "",
+  "reducers.settings.settings_init_error": "",
   "reducers.transaction.transaction_received_body": "",
   "reducers.transaction.transaction_received_title": "",
   "reducers.transaction.transaction_sent_body": "",

translations/cs-CZ.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "{chain} adresa",
   "components.Wallet.menu_item_autopay": "Autopay",
   "components.Wallet.pay": "Zaplatit",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "Vyžádat",
   "containers.UI.copied_to_clipbpard": "{name} byl zkopírován do vaší schránky",
   "reducers.account.account_invalid_password": "Neplatné heslo",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "Nelze najít zálohovací soubor ",
   "reducers.messages.neutrtino_synced_body": "Visa kdo? Jste nyní svým vlastním zpracovatelem plateb!",
   "reducers.messages.neutrtino_synced_title": "Lightning uzel synchronizován",
-  "reducers.settings.settings_init_error": "Nastavení nelze načíst: {error}",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "Došlo k neopravitelné chybě.",
   "reducers.payment.failed_incorrect_payment_details": "Nesprávné údaje o platbě (neznámý hash, neplatný amt nebo neplatný cltv delta).",
   "reducers.payment.failed_insufficient_balance": "Nedostatečný místní zůstatek.",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "Platba byla úspěšně dokončena.",
   "reducers.payment.terminated_early": "Pokus o platbu skončil brzy.",
   "reducers.payment.unknown": "Neznámý",
+  "reducers.settings.settings_init_error": "Nastavení nelze načíst: {error}",
   "reducers.transaction.transaction_received_body": "Máte štěstí, právě jste obdrželi novou on-chain transakci. Žárlím.",
   "reducers.transaction.transaction_received_title": "On-chain transakce přijata!",
   "reducers.transaction.transaction_sent_body": "Nerad je vidím mizet, ale rád je vidím odcházet. Vaše on-chain transakce byla úspěšně odeslána.",

translations/da-DK.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "{chain} Adresse",
   "components.Wallet.menu_item_autopay": "",
   "components.Wallet.pay": "Betal",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "Anmodning",
   "containers.UI.copied_to_clipbpard": "",
   "reducers.account.account_invalid_password": "",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "",
   "reducers.messages.neutrtino_synced_body": "",
   "reducers.messages.neutrtino_synced_title": "",
-  "reducers.settings.settings_init_error": "",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "",
   "reducers.payment.failed_incorrect_payment_details": "",
   "reducers.payment.failed_insufficient_balance": "",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "",
   "reducers.payment.terminated_early": "",
   "reducers.payment.unknown": "",
+  "reducers.settings.settings_init_error": "",
   "reducers.transaction.transaction_received_body": "",
   "reducers.transaction.transaction_received_title": "",
   "reducers.transaction.transaction_sent_body": "",

translations/de-DE.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "{chain} Adresse",
   "components.Wallet.menu_item_autopay": "Autopay",
   "components.Wallet.pay": "Bezahlen",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "Anfrage",
   "containers.UI.copied_to_clipbpard": "{name} wurde in deine Zwischenablage kopiert",
   "reducers.account.account_invalid_password": "Ungültiges Passwort",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "Backup-Datei konnte nicht gefunden werden",
   "reducers.messages.neutrtino_synced_body": "Visa wer? Du bist jetzt dein eigener Zahlungsabwickler!",
   "reducers.messages.neutrtino_synced_title": "Lightning Node synchronisiert",
-  "reducers.settings.settings_init_error": "Einstellungen können nicht geladen werden: {error}",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "Ein nicht wiederherstellbarer Fehler ist aufgetreten.",
   "reducers.payment.failed_incorrect_payment_details": "Zahlungsinformationen falsch (unbekannter Hash, ungültiger amtlicher oder ungültiger endgültiger cltv-Delta).",
   "reducers.payment.failed_insufficient_balance": "Ungenügendes Guthaben.",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "Zahlung erfolgreich abgeschlossen.",
   "reducers.payment.terminated_early": "Zahlungsversuch wurde vorzeitig beendet.",
   "reducers.payment.unknown": "Unbekannt",
+  "reducers.settings.settings_init_error": "Einstellungen können nicht geladen werden: {error}",
   "reducers.transaction.transaction_received_body": "Du Glückspilz hast eine neue on-chain Transaktion erhalten. Ich bin neidisch.",
   "reducers.transaction.transaction_received_title": "On-chain Transaktion erhalten!",
   "reducers.transaction.transaction_sent_body": "Und da geht sie einfach so... Transaktion erfolgreich gesendet.",

translations/el-GR.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "Διεύθυνση {chain}",
   "components.Wallet.menu_item_autopay": "",
   "components.Wallet.pay": "Αποστολή πληρωμής",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "Αίτηση πληρωμής",
   "containers.UI.copied_to_clipbpard": "",
   "reducers.account.account_invalid_password": "",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "",
   "reducers.messages.neutrtino_synced_body": "",
   "reducers.messages.neutrtino_synced_title": "",
-  "reducers.settings.settings_init_error": "",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "",
   "reducers.payment.failed_incorrect_payment_details": "",
   "reducers.payment.failed_insufficient_balance": "",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "",
   "reducers.payment.terminated_early": "",
   "reducers.payment.unknown": "",
+  "reducers.settings.settings_init_error": "",
   "reducers.transaction.transaction_received_body": "",
   "reducers.transaction.transaction_received_title": "",
   "reducers.transaction.transaction_sent_body": "",

translations/en.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "{chain} Address",
   "components.Wallet.menu_item_autopay": "Autopay",
   "components.Wallet.pay": "Pay",
+  "components.Wallet.qrcode_tooltip": "Deposit Bitcoin",
   "components.Wallet.request": "Receive",
   "containers.UI.copied_to_clipbpard": "{name} has been copied to your clipboard",
   "reducers.account.account_invalid_password": "Invalid password",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "Unable to find backup file ",
   "reducers.messages.neutrtino_synced_body": "Visa who? You're your own payment processor now!",
   "reducers.messages.neutrtino_synced_title": "Lightning Node Synced",
-  "reducers.settings.settings_init_error": "Unable to load settings: {error}",
+  "reducers.messages.settings_init_error": "Unable to load settings: {error}",
   "reducers.payment.failed_error": "A non-recoverable error has occured.",
   "reducers.payment.failed_incorrect_payment_details": "Payment details incorrect (unknown hash, invalid amt or invalid final cltv delta).",
   "reducers.payment.failed_insufficient_balance": "Insufficient local balance.",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "Payment completed successfully.",
   "reducers.payment.terminated_early": "Payment attempt terminated early.",
   "reducers.payment.unknown": "Unknown",
+  "reducers.settings.settings_init_error": "Unable to load settings: {error}",
   "reducers.transaction.transaction_received_body": "Lucky you, you just received a new on-chain transaction. I'm jealous.",
   "reducers.transaction.transaction_received_title": "On-chain Transaction Received!",
   "reducers.transaction.transaction_sent_body": "Hate to see 'em go but love to watch 'em leave. Your on-chain transaction successfully sent.",

translations/es-ES.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "Dirección {chain}",
   "components.Wallet.menu_item_autopay": "Autopago",
   "components.Wallet.pay": "Pagar",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "Solicitar",
   "containers.UI.copied_to_clipbpard": "{name} se ha copiado a tu portapapeles",
   "reducers.account.account_invalid_password": "Contraseña incorrecta",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "No se puede encontrar el archivo de respaldo ",
   "reducers.messages.neutrtino_synced_body": "Visa ni que Visa? Ahora tu mismo eres tu propio procesador de pago!",
   "reducers.messages.neutrtino_synced_title": "Nodo de Lightning Sincronizado",
-  "reducers.settings.settings_init_error": "No se puede cargar la configuración: {error}",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "Ha ocurrido un error no recuperable.",
   "reducers.payment.failed_incorrect_payment_details": "Detalles de pago incorrectos (hash desconocido, total inválido o delta final cltv inválido).",
   "reducers.payment.failed_insufficient_balance": "Balance local insuficiente.",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "Pago completado con éxito.",
   "reducers.payment.terminated_early": "Intento de pago fue terminado temprano.",
   "reducers.payment.unknown": "Desconocido",
+  "reducers.settings.settings_init_error": "No se puede cargar la configuración: {error}",
   "reducers.transaction.transaction_received_body": "Vaya mira, acabas de recibir una nueva transacción en la cadena. Que envidia.",
   "reducers.transaction.transaction_received_title": "¡Transacción en cadena recibida!",
   "reducers.transaction.transaction_sent_body": "Me duele que se vayan pero me encanta verlos ir. Tu transacción on-chain se ha enviado con éxito.",

translations/fi-FI.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "",
   "components.Wallet.menu_item_autopay": "",
   "components.Wallet.pay": "",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "",
   "containers.UI.copied_to_clipbpard": "",
   "reducers.account.account_invalid_password": "",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "",
   "reducers.messages.neutrtino_synced_body": "",
   "reducers.messages.neutrtino_synced_title": "",
-  "reducers.settings.settings_init_error": "",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "",
   "reducers.payment.failed_incorrect_payment_details": "",
   "reducers.payment.failed_insufficient_balance": "",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "",
   "reducers.payment.terminated_early": "",
   "reducers.payment.unknown": "",
+  "reducers.settings.settings_init_error": "",
   "reducers.transaction.transaction_received_body": "",
   "reducers.transaction.transaction_received_title": "",
   "reducers.transaction.transaction_sent_body": "",

translations/fr-FR.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "Adresse {chain}",
   "components.Wallet.menu_item_autopay": "Autopay",
   "components.Wallet.pay": "Envoyer",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "Recevoir",
   "containers.UI.copied_to_clipbpard": "{name} a été copié dans votre presse-papiers",
   "reducers.account.account_invalid_password": "Mot de passe invalide",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "Impossible de trouver un fichier de sauvegarde",
   "reducers.messages.neutrtino_synced_body": "Visa, vous dites ? Vous êtes désormais votre propre système de paiement !",
   "reducers.messages.neutrtino_synced_title": "Nœud Lightning synchronisé",
-  "reducers.settings.settings_init_error": "Impossible de charger les réglages : {error}",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "Une erreur non-récuperable est survenue.",
   "reducers.payment.failed_incorrect_payment_details": "",
   "reducers.payment.failed_insufficient_balance": "",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "",
   "reducers.payment.terminated_early": "",
   "reducers.payment.unknown": "",
+  "reducers.settings.settings_init_error": "Impossible de charger les réglages : {error}",
   "reducers.transaction.transaction_received_body": "Vous venez de recevoir une transaction On-chain. La chance.",
   "reducers.transaction.transaction_received_title": "Transaction On-chain reçue !",
   "reducers.transaction.transaction_sent_body": "C'est si dur de les voir partir… Votre transaction On-chain a bien été envoyée.",

translations/ga-IE.json

@@ -675,6 +675,7 @@
   "components.Wallet.ReceiveModal.wallet_address": "Seoladh {chain}",
   "components.Wallet.menu_item_autopay": "Autopay",
   "components.Wallet.pay": "Íoc",
+  "components.Wallet.qrcode_tooltip": "",
   "components.Wallet.request": "Iarratas",
   "containers.UI.copied_to_clipbpard": "",
   "reducers.account.account_invalid_password": "",
@@ -705,7 +706,7 @@
   "reducers.messages.backup_not_found_error": "",
   "reducers.messages.neutrtino_synced_body": "",
   "reducers.messages.neutrtino_synced_title": "",
-  "reducers.settings.settings_init_error": "",
+  "reducers.messages.settings_init_error": "",
   "reducers.payment.failed_error": "",
   "reducers.payment.failed_incorrect_payment_details": "",
   "reducers.payment.failed_insufficient_balance": "",
@@ -722,6 +723,7 @@
   "reducers.payment.succeeded": "",
   "reducers.payment.terminated_early": "",
   "reducers.payment.unknown": "",
+  "reducers.settings.settings_init_error": "",
   "reducers.transaction.transaction_received_body": "",
   "reducers.transaction.transaction_received_title": "",
   "reducers.transaction.transaction_sent_body": "",