Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

converting simple elements to a base-element;

Browse Source
This commit is contained in:
Alex Windett 2017-02-01 14:48:06 +00:00
parent 9291fed0d7
commit 299f7e2282
3 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/empty/instances.js
View File

@ -3,6 +3,11 @@ const ReactIntl = require('react-intl');
const Column = require('@ui/components/column'); const Column = require('@ui/components/column');
const Row = require('@ui/components/row'); const Row = require('@ui/components/row');
const BaseElements = require('@ui/components/base-elements');
const {
P
} = BaseElements;
const { const {
FormattedMessage FormattedMessage
@ -11,9 +16,9 @@ const {
module.exports = () => ( module.exports = () => (
<Row> <Row>
<Column xs={12}> <Column xs={12}>
<p name='empty'> <P name='empty'>
<FormattedMessage id='no-instances' /> <FormattedMessage id='no-instances' />
</p> </P>
</Column> </Column>
</Row> </Row>
); );

18
frontend/src/components/empty/services.js
View File

@ -4,6 +4,12 @@ const ReactIntl = require('react-intl');
const Button = require('@ui/components/button'); const Button = require('@ui/components/button');
const Column = require('@ui/components/column'); const Column = require('@ui/components/column');
const Row = require('@ui/components/row'); const Row = require('@ui/components/row');
const BaseElements = require('@ui/components/base-elements');
const {
P,
H3,
} = BaseElements;
const { const {
FormattedMessage FormattedMessage
@ -13,12 +19,12 @@ module.exports = () => (
<div> <div>
<Row name='empty-services'> <Row name='empty-services'>
<Column md={6} xs={12}> <Column md={6} xs={12}>
<h3> <H3>
<FormattedMessage id='add-services' /> <FormattedMessage id='add-services' />
</h3> </H3>
<p> <P>
<FormattedMessage id='no-services' /> <FormattedMessage id='no-services' />
</p> </P>
</Column> </Column>
</Row> </Row>
<Row> <Row>
@ -27,9 +33,9 @@ module.exports = () => (
</Button> </Button>
</Row> </Row>
<Row> <Row>
<p> <P>
<FormattedMessage id='or-bring-in-from' /> <FormattedMessage id='or-bring-in-from' />
</p> </P>
</Row> </Row>
<Row> <Row>
<Column> <Column>

7
frontend/src/components/people-list/index.js
View File

@ -3,10 +3,15 @@ const React = require('react');
const Row = require('@ui/components/row'); const Row = require('@ui/components/row');
const Column = require('@ui/components/column'); const Column = require('@ui/components/column');
const Button = require('@ui/components/button'); const Button = require('@ui/components/button');
const BaseElements = require('@ui/components/base-elements');
const PeopleTable = require('./table'); const PeopleTable = require('./table');
const Invite = require('./invite'); const Invite = require('./invite');
const {
H3,
} = BaseElements;
const buttonStyle = { const buttonStyle = {
float: 'right' float: 'right'
}; };
@ -39,7 +44,7 @@ const People = (props) => {
<Column xs={12}> <Column xs={12}>
{ people.length > 0 { people.length > 0
? <PeopleTable {...props} /> ? <PeopleTable {...props} />
: <h3>Noody here!</h3> } : <H3>Noody here!</H3> }
</Column> </Column>
</Row> </Row>
</div> </div>