diff --git a/src/components/UpdateNotifier.js b/src/components/UpdateNotifier.js index ff95d563..04778ee2 100644 --- a/src/components/UpdateNotifier.js +++ b/src/components/UpdateNotifier.js @@ -16,6 +16,8 @@ import { radii } from 'styles/theme' import Box from 'components/base/Box' import Text from 'components/base/Text' +import UpdateIcon from 'icons/Update' + import type { T } from 'types/common' type Props = { @@ -29,7 +31,7 @@ const mapStateToProps = (state: State) => ({ }) const Container = styled(Box).attrs({ - py: 1, + py: '8px', px: 3, bg: 'wallet', color: 'white', @@ -40,6 +42,11 @@ const Container = styled(Box).attrs({ border-radius: ${radii[1]}px; ` +const NotifText = styled(Text).attrs({ + ff: 'Open Sans|SemiBold', + fontSize: 4, +})`` + class UpdateNotifier extends PureComponent { renderStatus() { const { updateStatus, t } = this.props @@ -53,15 +60,16 @@ class UpdateNotifier extends PureComponent { return null case 'downloaded': return ( - - {t('update:newVersionReady')} + + + {t('update:newVersionReady')} - sendEvent('msg', 'updater.quitAndInstall')} > {t('update:relaunch')} - + ) diff --git a/src/icons/Update.js b/src/icons/Update.js new file mode 100644 index 00000000..ca14ef61 --- /dev/null +++ b/src/icons/Update.js @@ -0,0 +1,16 @@ +// @flow + +import React from 'react' + +const path = ( + +) + +export default ({ size, ...p }: { size: number }) => ( + + {path} + +)