chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

feat(web): activity indicator while loading

Browse Source
This commit is contained in:
Paul Armstrong
2021-01-30 08:52:37 -08:00
committed by Blake Blackshear
parent cc7929932b
commit 45526a7652
8 changed files with 65 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/App.jsx
View File

@@ -1,4 +1,5 @@
import { h } from 'preact';
import ActivityIndicator from './components/ActivityIndicator';
import Camera from './Camera';
import CameraMap from './CameraMap';
import Cameras from './Cameras';
@@ -7,12 +8,14 @@ import Event from './Event';
import Events from './Events';
import { Router } from 'preact-router';
import Sidebar from './Sidebar';
import Api, { useConfig } from './api';
import Api, { FetchStatus, useConfig } from './api';
export default function App() {
const { data, status } = useConfig();
return !data ? (
<div />
return status !== FetchStatus.LOADED ? (
<div className="flex flex-grow-1 min-h-screen justify-center items-center">
<ActivityIndicator />
</div>
) : (
<div className="md:flex flex-col md:flex-row md:min-h-screen w-full bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white">
<Sidebar />