Meriadec Pillet
7 years ago
committed by
GitHub
9 changed files with 73 additions and 20 deletions
@ -0,0 +1,33 @@ |
|||
// @flow
|
|||
|
|||
import React from 'react' |
|||
import { translate } from 'react-i18next' |
|||
|
|||
import type { T } from 'types/common' |
|||
|
|||
import Box, { Card } from 'components/base/Box' |
|||
import Button from 'components/base/Button' |
|||
|
|||
type Props = { |
|||
t: T, |
|||
} |
|||
|
|||
function PlugYourDevice(props: Props) { |
|||
const { t } = props |
|||
return ( |
|||
<Card py={8} align="center"> |
|||
<Box align="center" style={{ width: 365 }}> |
|||
<Box mb={5}>hey</Box> |
|||
<Box textAlign="center" mb={1} ff="Museo Sans|Regular" color="dark" fontSize={6}> |
|||
{t('manager:plugYourDevice.title')} |
|||
</Box> |
|||
<Box textAlign="center" mb={5} ff="Open Sans|Regular" color="smoke" fontSize={4}> |
|||
{t('manager:plugYourDevice.desc')} |
|||
</Box> |
|||
<Button primary>{t('manager:plugYourDevice.cta')}</Button> |
|||
</Box> |
|||
</Card> |
|||
) |
|||
} |
|||
|
|||
export default translate()(PlugYourDevice) |
@ -0,0 +1,16 @@ |
|||
// @flow
|
|||
|
|||
import React from 'react' |
|||
|
|||
import { storiesOf } from '@storybook/react' |
|||
|
|||
import Box from 'components/base/Box' |
|||
import PlugYourDevice from '../PlugYourDevice' |
|||
|
|||
const stories = storiesOf('Components', module) |
|||
|
|||
stories.add('PlugYourDevice', () => ( |
|||
<Box bg="lightGrey" p={6}> |
|||
<PlugYourDevice /> |
|||
</Box> |
|||
)) |
Loading…
Reference in new issue