diff --git a/ts/Manager/App.tsx b/ts/Manager/App.tsx index da75e07..ae7ea1f 100644 --- a/ts/Manager/App.tsx +++ b/ts/Manager/App.tsx @@ -36,6 +36,7 @@ type Props = { const App: React.FC = () => { const [areRoomsLoaded, setRoomsLoaded] = useState(false); + const [error, setError] = useState(''); const [rooms, setRooms] = useState([]); const [orderBy, setOrderBy] = useState('name'); const [sortOrder, setSortOrder] = useState(SortOrder.ASC); @@ -48,8 +49,13 @@ const App: React.FC = () => { } api.getRooms().then(rooms => { - setRoomsLoaded(true); setRooms(rooms); + }).catch((err) => { + console.warn('Could not load rooms', err); + + setError(t('bbb', 'Server error')); + }).then(() => { + setRoomsLoaded(true); }); }, [areRoomsLoaded]); @@ -120,6 +126,7 @@ const App: React.FC = () => { + {error && <> {error}} {!areRoomsLoaded && }