2016-12-03 15:54:15 +01:00
|
|
|
import React, { Component } from 'react';
|
2018-02-04 14:32:33 +01:00
|
|
|
import PropTypes from 'prop-types';
|
2019-05-04 06:26:02 +02:00
|
|
|
import { ProgressBar, Card, CardText, Icon } from 'react-mdl';
|
2017-02-14 12:22:24 +01:00
|
|
|
import { AppsLinkList, styles as commonStyles } from '../common';
|
2016-12-03 15:54:15 +01:00
|
|
|
|
2019-05-04 06:19:21 +02:00
|
|
|
const Empty = () => (
|
|
|
|
<React.Fragment>
|
|
|
|
<CardText style={{ textAlign: 'center' }}>
|
|
|
|
<Icon name="warning" style={{ fontSize: '5em' }} /> <br />
|
|
|
|
<br />
|
|
|
|
Oh snap, it does not seem like you have connected any applications. To connect your application to Unleash
|
|
|
|
you will require a Client SDK.
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
You can read more about the available Client SDKs in the{' '}
|
|
|
|
<a href="https://unleash.github.io/docs/client_sdk">documentation.</a>
|
|
|
|
</CardText>
|
|
|
|
</React.Fragment>
|
|
|
|
);
|
|
|
|
|
2016-12-03 15:54:15 +01:00
|
|
|
class ClientStrategies extends Component {
|
2018-02-04 14:32:33 +01:00
|
|
|
static propTypes = {
|
|
|
|
applications: PropTypes.array,
|
|
|
|
fetchAll: PropTypes.func.isRequired,
|
|
|
|
};
|
|
|
|
|
2017-08-28 19:15:47 +02:00
|
|
|
componentDidMount() {
|
2016-12-05 15:15:01 +01:00
|
|
|
this.props.fetchAll();
|
2016-12-03 15:54:15 +01:00
|
|
|
}
|
|
|
|
|
2017-08-28 19:15:47 +02:00
|
|
|
render() {
|
|
|
|
const { applications } = this.props;
|
2016-12-03 15:54:15 +01:00
|
|
|
|
2016-12-05 15:15:01 +01:00
|
|
|
if (!applications) {
|
2016-12-10 14:19:52 +01:00
|
|
|
return <ProgressBar indeterminate />;
|
2016-12-05 15:15:01 +01:00
|
|
|
}
|
2016-12-03 15:54:15 +01:00
|
|
|
return (
|
2019-05-04 06:19:21 +02:00
|
|
|
<Card shadow={0} className={commonStyles.fullwidth}>
|
|
|
|
{applications.length > 0 ? <AppsLinkList apps={applications} /> : <Empty />}
|
2017-02-14 12:11:18 +01:00
|
|
|
</Card>
|
2016-12-03 15:54:15 +01:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default ClientStrategies;
|