Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-23 00:22:19 +01:00
Code Issues Projects Releases Wiki Activity

refactor: loading

Browse Source
This commit is contained in:
Fredrik Oseberg 2022-02-10 10:05:50 +01:00
parent df448e66e8
commit 3fb8a4f5f3
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/component/application/ApplicationList/ApplicationList.tsx
View File

@ -7,9 +7,10 @@ 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';
import ConditionallyRender from '../../common/ConditionallyRender';
const ApplicationList = () => {
const { applications } = useApplications();
const { applications, loading } = useApplications();
const [filter, setFilter] = useState('');
const filteredApplications = useMemo(() => {
@ -49,11 +50,17 @@ const ApplicationList = () => {
</div>
<PageContent headerContent={<HeaderTitle title="Applications" />}>
<div className={commonStyles.fullwidth}>
{filteredApplications.length > 0 ? (
<AppsLinkList apps={filteredApplications} />
) : (
<RenderNoApplications />
)}
<ConditionallyRender
condition={filteredApplications.length > 0}
show={<AppsLinkList apps={filteredApplications} />}
elseShow={
<ConditionallyRender
condition={loading}
show={<div>...loading</div>}
elseShow={<RenderNoApplications />}
/>
}
/>
</div>
</PageContent>
</>