React UI: Mark not-yet-done pages as under construction (#6277)

This is a quick change because the release is about to be cut in a few
hours and it would be good to clarify to users what the empty pages in
the new UI are about.

Signed-off-by: Julius Volz <julius.volz@gmail.com>
This commit is contained in:
Julius Volz 2019-11-05 20:09:37 +01:00 committed by GitHub
parent 1d1f64b4bc
commit 431844f0a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 36 additions and 4 deletions

View file

@ -1,7 +1,15 @@
import React, { FC } from 'react';
import { RouteComponentProps } from '@reach/router';
import PathPrefixProps from '../PathPrefixProps';
import { Alert } from 'reactstrap';
const Alerts: FC<RouteComponentProps & PathPrefixProps> = props => <div>Alerts page</div>;
const Alerts: FC<RouteComponentProps & PathPrefixProps> = ({ pathPrefix }) => (
<>
<h2>Alerts</h2>
<Alert color="warning">
This page is still under construction. Please try it in the <a href={`${pathPrefix}/alerts`}>Classic UI</a>.
</Alert>
</>
);
export default Alerts;

View file

@ -1,7 +1,15 @@
import React, { FC } from 'react';
import { RouteComponentProps } from '@reach/router';
import PathPrefixProps from '../PathPrefixProps';
import { Alert } from 'reactstrap';
const Rules: FC<RouteComponentProps & PathPrefixProps> = () => <div>Rules page</div>;
const Rules: FC<RouteComponentProps & PathPrefixProps> = ({ pathPrefix }) => (
<>
<h2>Rules</h2>
<Alert color="warning">
This page is still under construction. Please try it in the <a href={`${pathPrefix}/rules`}>Classic UI</a>.
</Alert>
</>
);
export default Rules;

View file

@ -1,7 +1,15 @@
import React, { FC } from 'react';
import { RouteComponentProps } from '@reach/router';
import PathPrefixProps from '../PathPrefixProps';
import { Alert } from 'reactstrap';
const Services: FC<RouteComponentProps & PathPrefixProps> = () => <div>Services page</div>;
const Services: FC<RouteComponentProps & PathPrefixProps> = ({ pathPrefix }) => (
<>
<h2>Service Discovery</h2>
<Alert color="warning">
This page is still under construction. Please try it in the <a href={`${pathPrefix}/service-discovery`}>Classic UI</a>.
</Alert>
</>
);
export default Services;

View file

@ -1,7 +1,15 @@
import React, { FC } from 'react';
import { RouteComponentProps } from '@reach/router';
import PathPrefixProps from '../PathPrefixProps';
import { Alert } from 'reactstrap';
const Targets: FC<RouteComponentProps & PathPrefixProps> = () => <div>Targets page</div>;
const Targets: FC<RouteComponentProps & PathPrefixProps> = ({ pathPrefix }) => (
<>
<h2>Targets</h2>
<Alert color="warning">
This page is still under construction. Please try it in the <a href={`${pathPrefix}/targets`}>Classic UI</a>.
</Alert>
</>
);
export default Targets;