mudhorn/prometheus
1
0
Fork 0
mirror of https://github.com/prometheus/prometheus.git synced 2025-03-05 20:59:13 -08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

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

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
web/ui/react-app/src/pages/Alerts.tsx
View file

@ -1,7 +1,15 @@
import React, { FC } from 'react'; import React, { FC } from 'react';
import { RouteComponentProps } from '@reach/router'; import { RouteComponentProps } from '@reach/router';
import PathPrefixProps from '../PathPrefixProps'; 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; export default Alerts;

10
web/ui/react-app/src/pages/Rules.tsx
View file

@ -1,7 +1,15 @@
import React, { FC } from 'react'; import React, { FC } from 'react';
import { RouteComponentProps } from '@reach/router'; import { RouteComponentProps } from '@reach/router';
import PathPrefixProps from '../PathPrefixProps'; 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; export default Rules;

10
web/ui/react-app/src/pages/Services.tsx
View file

@ -1,7 +1,15 @@
import React, { FC } from 'react'; import React, { FC } from 'react';
import { RouteComponentProps } from '@reach/router'; import { RouteComponentProps } from '@reach/router';
import PathPrefixProps from '../PathPrefixProps'; 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; export default Services;

10
web/ui/react-app/src/pages/Targets.tsx
View file

@ -1,7 +1,15 @@
import React, { FC } from 'react'; import React, { FC } from 'react';
import { RouteComponentProps } from '@reach/router'; import { RouteComponentProps } from '@reach/router';
import PathPrefixProps from '../PathPrefixProps'; 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; export default Targets;