mirror of
https://github.com/yldio/copilot.git
synced 2024-11-10 21:30:06 +02:00
converting simple elements to a base-element;
This commit is contained in:
parent
9291fed0d7
commit
299f7e2282
@ -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>
|
||||||
);
|
);
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user