Revert "add Info what is Loading"

This reverts commit 8885483.
freifunkMUC · Mar 3, 2024 · 3d374d7 · 3d374d7
1 parent 370e996
commit 3d374d7
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 10 deletions.
diff --git a/website/src/App.tsx b/website/src/App.tsx
@@ -27,7 +27,6 @@ export const App = observer(class App extends React.Component {
 
 
   render() {
-
     const darkLightTheme = createTheme({
       palette: {
         mode: AppState.darkMode ? 'dark' : 'light',
@@ -55,7 +54,7 @@ export const App = observer(class App extends React.Component {
               <CssBaseline />
               <Navigation />
               <Box component="div" m={2}>
-                <Loading message="Page" />
+                <Loading />
               </Box>
             </ThemeProvider>
           </Router>

diff --git a/website/src/components/Devices.tsx b/website/src/components/Devices.tsx
@@ -28,7 +28,7 @@ export const Devices = observer(
 
     render() {
       if (!this.devices.current) {
-        return <Loading message="devices"/>;
+        return <Loading />;
       }
       return (
         <Grid container spacing={3} justifyContent="center">

diff --git a/website/src/components/Loading.tsx b/website/src/components/Loading.tsx
@@ -1,15 +1,11 @@
 import CircularProgress from '@mui/material/CircularProgress';
 import Box from '@mui/material/Box';
 
-interface LoadingProps {
-    message: String;
-}
-
-export function Loading({ message }: LoadingProps) {
+export function Loading() {
 
     return (
         <Box component="div" m={4} display="flex" flexDirection="column" justifyContent="center" alignItems="center" minHeight="50vh" >
-            <Box mb={5}>Loading { message } ...</Box>
+            <Box mb={5}>Loading...</Box>
             <CircularProgress color="primary" />
         </Box>
     );

diff --git a/website/src/pages/admin/AllDevices.tsx b/website/src/pages/admin/AllDevices.tsx
@@ -55,7 +55,7 @@ export const AllDevices = observer(class AllDevices extends React.Component {
 
   render() {
     if (!this.devices.current || !this.users.current) {
-      return <Loading message="all devices"/>;
+      return <Loading />;
     }
 
     const users = this.users.current;