mirror of
https://github.com/yldio/copilot.git
synced 2024-11-11 05:40:11 +02:00
improve empty services msg
This commit is contained in:
parent
f9cf402621
commit
542247f72f
@ -1,10 +1,16 @@
|
||||
{
|
||||
"your-dashboard": "Your Dashboard",
|
||||
"your-dashboard": "Your dashboard",
|
||||
"settings": "Settings",
|
||||
"projects": "Projects",
|
||||
"people": "People",
|
||||
"no-personal-projects": "You don't have any personal projects at the moment.",
|
||||
"create-new": "Create new",
|
||||
"services": "Services",
|
||||
"instances": "Instances",
|
||||
"manifest": "Project manifest",
|
||||
"create-new": "Create a new",
|
||||
"add-services": "Add services",
|
||||
"no-services": "You don’t have any services. You can either add them by editing a manifest file or by connecting your repo on GitHub or BitBucket.",
|
||||
"edit-project-manifest": "Edit project manifest",
|
||||
"or-bring-in-from": "or bring in from",
|
||||
"your-settings": "Your settings",
|
||||
"agg-cpu-usage": "Aggregated CPU usage",
|
||||
"agg-cpu-usage-desc-sm": "CPU usages accross all of the CPU cores",
|
||||
|
@ -3,6 +3,7 @@ const ReactIntl = require('react-intl');
|
||||
const ReactRedux = require('react-redux');
|
||||
const ReactRouter = require('react-router');
|
||||
|
||||
const Button = require('@ui/components/button');
|
||||
const Column = require('@ui/components/column');
|
||||
const PropTypes = require('@root/prop-types');
|
||||
const Row = require('@ui/components/row');
|
||||
@ -26,19 +27,46 @@ const {
|
||||
Link
|
||||
} = ReactRouter;
|
||||
|
||||
const EmptyServices = () => (
|
||||
<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>
|
||||
);
|
||||
|
||||
const Services = ({
|
||||
org = {},
|
||||
project = {},
|
||||
services = []
|
||||
}) => {
|
||||
const empty = services.length ? null : (
|
||||
<Row>
|
||||
<Column xs={12}>
|
||||
<p name='empty'>
|
||||
<FormattedMessage id='no-personal-projects' />
|
||||
</p>
|
||||
</Column>
|
||||
</Row>
|
||||
<EmptyServices />
|
||||
);
|
||||
|
||||
const serviceList = (services) => {
|
||||
|
Loading…
Reference in New Issue
Block a user