From b38bdadc4d22287af19b12ce79713068383c2bec Mon Sep 17 00:00:00 2001
From: Anastasia Poupeney <anastasiasergienko@gmail.com>
Date: Thu, 5 Jul 2018 13:46:56 +0200
Subject: [PATCH] manager firware card title and icon dynamic for nano and blue

---
 src/components/ManagerPage/FirmwareUpdate.js | 13 ++++++++-----
 static/i18n/en/app.yml                       |  2 ++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/ManagerPage/FirmwareUpdate.js b/src/components/ManagerPage/FirmwareUpdate.js
index 5c426a18..3f4b8bbc 100644
--- a/src/components/ManagerPage/FirmwareUpdate.js
+++ b/src/components/ManagerPage/FirmwareUpdate.js
@@ -26,6 +26,7 @@ import Box, { Card } from 'components/base/Box'
 import Text from 'components/base/Text'
 
 import NanoS from 'icons/device/NanoS'
+import Blue from 'icons/device/Blue'
 import CheckFull from 'icons/CheckFull'
 
 import UpdateFirmwareButton from './UpdateFirmwareButton'
@@ -38,6 +39,7 @@ export type ModalStatus = 'closed' | 'disclaimer' | 'install' | 'error' | 'succe
 type Props = {
   t: T,
   deviceInfo: DeviceInfo,
+  device: Device,
 }
 
 type State = {
@@ -123,21 +125,22 @@ class FirmwareUpdate extends PureComponent<Props, State> {
   handleDisclaimerNext = () => this.setState({ modal: 'install' })
 
   render() {
-    const { deviceInfo, t } = this.props
+    const { deviceInfo, t, device } = this.props
     const { latestFirmware, modal, stepId, shouldFlash, ready } = this.state
-
     return (
       <Card p={4}>
         <Box horizontal align="center" flow={2}>
           <Box color="dark">
-            <NanoS size={30} />
+            {device.product === 'Blue' ? <Blue size={30} /> : <NanoS size={30} />}
           </Box>
           <Box>
             <Box horizontal align="center">
               <Text ff="Open Sans|SemiBold" fontSize={4} color="dark">
-                Ledger Nano S
+                {device.product === 'Blue'
+                  ? t('app:manager.firmware.titleBlue')
+                  : t('app:manager.firmware.titleNano')}
               </Text>
-              <Box color="wallet" style={{ marginLeft: 10 }}>
+              <Box color="wallet" ml={2}>
                 <Tooltip render={() => t('app:manager.yourDeviceIsGenuine')}>
                   <CheckFull size={13} color="wallet" />
                 </Tooltip>
diff --git a/static/i18n/en/app.yml b/static/i18n/en/app.yml
index 126eacbe..bebe5b64 100644
--- a/static/i18n/en/app.yml
+++ b/static/i18n/en/app.yml
@@ -218,6 +218,8 @@ manager:
     help: Check on your device to see which apps are already installed
   firmware:
     installed: 'Firmware version {{version}}'
+    titleNano: Ledger Nano S
+    titleBlue: Ledger Blue
     update: Update firmware
     continue: Continue update
     latest: 'Firmware version {{version}} is available'