1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00

add progress bar

This commit is contained in:
sveisvei 2016-12-10 14:19:52 +01:00
parent f6ca76ff39
commit f665228a5a
3 changed files with 6 additions and 5 deletions

View File

@ -2,7 +2,7 @@
import React, { Component, PureComponent } from 'react'; import React, { Component, PureComponent } from 'react';
import { Link } from 'react-router'; import { Link } from 'react-router';
import { Grid, Cell, List, ListItem, ListItemContent, Textfield, Icon } from 'react-mdl'; import { Grid, Cell, List, ListItem, ListItemContent, Textfield, Icon, ProgressBar } from 'react-mdl';
import { HeaderTitle } from '../common'; import { HeaderTitle } from '../common';
class StatefulTextfield extends Component { class StatefulTextfield extends Component {
@ -32,7 +32,7 @@ class ClientStrategies extends PureComponent {
render () { render () {
if (!this.props.application) { if (!this.props.application) {
return <div>Loading application info...</div>; return <ProgressBar indeterminate />;
} }
const { const {
application, application,

View File

@ -1,4 +1,5 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { ProgressBar } from 'react-mdl';
import { AppsLinkList, HeaderTitle } from '../common'; import { AppsLinkList, HeaderTitle } from '../common';
class ClientStrategies extends Component { class ClientStrategies extends Component {
@ -13,7 +14,7 @@ class ClientStrategies extends Component {
} = this.props; } = this.props;
if (!applications) { if (!applications) {
return <div>Loading...</div>; return <ProgressBar indeterminate />;
} }
return ( return (
<div> <div>

View File

@ -1,5 +1,5 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { Grid, Cell, Icon, Switch, List, ListItem, ListItemContent } from 'react-mdl'; import { Grid, Cell, Icon, ProgressBar, List, ListItem, ListItemContent } from 'react-mdl';
import { Link } from 'react-router'; import { Link } from 'react-router';
import percentLib from 'percent'; import percentLib from 'percent';
@ -61,7 +61,7 @@ class EditFeatureToggleWrapper extends React.Component {
if (!featureToggle) { if (!featureToggle) {
if (features.length === 0 ) { if (features.length === 0 ) {
return <span>Loading</span>; return <ProgressBar indeterminate />;
} }
return <span>Could not find the toggle "{this.props.featureToggleName}"</span>; return <span>Could not find the toggle "{this.props.featureToggleName}"</span>;
} }