mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
71 lines
2.3 KiB
TypeScript
71 lines
2.3 KiB
TypeScript
import React, { Component, useEffect } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { CircularProgress } from '@material-ui/core';
|
|
import { Warning } from '@material-ui/icons';
|
|
|
|
import { AppsLinkList, styles as commonStyles } from '../common';
|
|
import SearchField from '../common/SearchField/SearchField';
|
|
import PageContent from '../common/PageContent/PageContent';
|
|
import HeaderTitle from '../common/HeaderTitle';
|
|
import useApplications from '../../hooks/api/getters/useApplications/useApplications';
|
|
|
|
const ApplicationList = () => {
|
|
//missing useSettings
|
|
const { applications, refetchApplications } = useApplications();
|
|
|
|
useEffect(() => {
|
|
refetchApplications();
|
|
}, []);
|
|
|
|
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 ApplicationList;
|
|
|
|
const Empty = () => (
|
|
<React.Fragment>
|
|
<section style={{ textAlign: 'center' }}>
|
|
<Warning /> <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,
|
|
};
|
|
}
|