joyent-portal/frontend/src/components/empty/services.js
2017-02-01 14:48:06 +00:00

50 lines
1013 B
JavaScript

const React = require('react');
const ReactIntl = require('react-intl');
const Button = require('@ui/components/button');
const Column = require('@ui/components/column');
const Row = require('@ui/components/row');
const BaseElements = require('@ui/components/base-elements');
const {
P,
H3,
} = BaseElements;
const {
FormattedMessage
} = ReactIntl;
module.exports = () => (
<div>
<Row name='empty-services'>
<Column md={6} xs={12}>
<H3>
<FormattedMessage id='add-services' />
</H3>
<P>
<FormattedMessage id='no-services' />
</P>
</Column>
</Row>
<Row>
<Button>
<FormattedMessage id='edit-project-manifest' />
</Button>
</Row>
<Row>
<P>
<FormattedMessage id='or-bring-in-from' />
</P>
</Row>
<Row>
<Column>
<Button secondary>GitHub</Button>
</Column>
<Column>
<Button secondary>BitBucket</Button>
</Column>
</Row>
</div>
);