You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

43 lines
1.1 KiB

// @flow
import React, { Fragment } from 'react'
import { translate } from 'react-i18next'
import type { T } from 'types/common'
// import { EXPERIMENTAL_FIRMWARE_UPDATE } from 'config/constants'
import Button from 'components/base/Button'
import Text from 'components/base/Text'
import { getCleanVersion } from 'components/ManagerPage/FirmwareUpdate'
type FirmwareInfos = {
name: string,
notes: string,
}
type Props = {
t: T,
firmware: ?FirmwareInfos,
onClick: () => void,
}
const UpdateFirmwareButton = ({ t, firmware, onClick }: Props) =>
firmware ? (
<Fragment>
<Text ff="Open Sans|Regular" fontSize={4} style={{ marginLeft: 'auto', marginRight: 15 }}>
{t('app:manager.firmware.latest', { version: getCleanVersion(firmware.name) })}
</Text>
<Button
primary
onClick={onClick}
event={'Manager Firmware Update Click'}
eventProperties={{
firmwareName: firmware.name,
}}
>
{t('app:manager.firmware.update')}
</Button>
</Fragment>
) : null
export default translate()(UpdateFirmwareButton)