mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
61 lines
2.1 KiB
JavaScript
61 lines
2.1 KiB
JavaScript
import React, { Component } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { Icon, CircularProgress } from '@material-ui/core';
|
|
import { AppsLinkList, styles as commonStyles } from '../common';
|
|
import SearchField from '../common/SearchField/SearchField';
|
|
import PageContent from '../common/PageContent/PageContent';
|
|
import HeaderTitle from '../common/HeaderTitle';
|
|
|
|
const Empty = () => (
|
|
<React.Fragment>
|
|
<section style={{ textAlign: 'center' }}>
|
|
<Icon>warning</Icon> <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 how to use Unleash in your application in the{' '}
|
|
<a href="https://docs.getunleash.io/docs/sdks/">documentation.</a>
|
|
</section>
|
|
</React.Fragment>
|
|
);
|
|
|
|
class ClientStrategies extends Component {
|
|
static propTypes = {
|
|
applications: PropTypes.array,
|
|
fetchAll: PropTypes.func.isRequired,
|
|
settings: PropTypes.object.isRequired,
|
|
updateSetting: PropTypes.func.isRequired,
|
|
};
|
|
|
|
componentDidMount() {
|
|
this.props.fetchAll();
|
|
}
|
|
|
|
render() {
|
|
const { applications } = this.props;
|
|
|
|
if (!applications) {
|
|
return <CircularProgress variant="indeterminate" />;
|
|
}
|
|
return (
|
|
<>
|
|
<div className={commonStyles.searchField}>
|
|
<SearchField
|
|
value={this.props.settings.filter}
|
|
updateValue={this.props.updateSetting.bind(this, 'filter')}
|
|
/>
|
|
</div>
|
|
<PageContent headerContent={<HeaderTitle title="Applications" />}>
|
|
<div className={commonStyles.fullwidth}>
|
|
{applications.length > 0 ? <AppsLinkList apps={applications} /> : <Empty />}
|
|
</div>
|
|
</PageContent>
|
|
</>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default ClientStrategies;
|