upgrade dependencies

frontend/Dockerfile

@@ -1,4 +1,4 @@
-FROM node as builder
+FROM node:16-alpine as builder
 WORKDIR /app
 COPY . .
 

frontend/README.md

@@ -1,12 +1,13 @@
-eve-frontend
+eva-frontend
 =======================
 
+The React frontent running https://spaceapi.ccc.de
+
 Usage
 -----
 ```
-npm install -g yarn
-yarn install
-yarn start
+npm install
+npm start
 
 ```
 

frontend/package.json

@@ -1,32 +1,32 @@
 {
   "name": "eva-frontend",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "private": true,
+  "proxy": "https://spaceapi.ccc.de",
   "dependencies": {
-    "@material-ui/core": "^4.11.0",
-    "@material-ui/icons": "^4.9.1",
-    "classnames": "^2.2.6",
-    "leaflet": "^1.7.1",
-    "moment": "^2.29.0",
-    "prop-types": "^15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-leaflet": "^2.7.0",
-    "react-redux": "^7.2.1",
-    "react-router-dom": "^5.2.0",
-    "react-tap-event-plugin": "^3.0.3",
-    "react-virtualized": "^9.22.2",
-    "redux": "^4.0.5",
-    "redux-actions": "^2.6.5",
-    "redux-thunk": "^2.3.0",
-    "rrule": "^2.6.6",
-    "superagent": "^6.1.0"
+    "@material-ui/core": "^4.12.4",
+    "@material-ui/icons": "^4.11.3",
+    "classnames": "^2.3.2",
+    "leaflet": "^1.9.4",
+    "moment": "^2.29.4",
+    "prop-types": "^15.8.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-leaflet": "^2.8.0",
+    "react-redux": "^7.2.9",
+    "react-router-dom": "^6.16.0",
+    "react-virtualized": "^9.22.5",
+    "redux": "^4.2.1",
+    "redux-actions": "^3.0.0",
+    "redux-thunk": "^2.4.2",
+    "rrule": "^2.7.2",
+    "superagent": "^8.1.2"
   },
   "devDependencies": {
-    "react-scripts": "3.4.3"
+    "react-scripts": "^5.0.1"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "GENERATE_SOURCEMAP=false react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"

frontend/src/App.js

@@ -1,7 +1,8 @@
 import React from 'react'
 import {
-  BrowserRouter as Router,
-  Route
+  BrowserRouter,
+  Route,
+  Routes
 } from 'react-router-dom';
 import { Provider } from 'react-redux';
 import { MuiThemeProvider } from '@material-ui/core/styles';
@@ -17,14 +18,14 @@ import layout from './layout';
 const App = () => (
   <MuiThemeProvider theme={theme}>
     <Provider store={store}>
-      <Router>
-        <div>
-          <Route path="/list" component={layout(<SpaceList />)} />
-          <Route path="/services" component={layout(<ServicesList />)} />
-          <Route path="/urls" component={layout(<UrlListView />)} />
-          <Route exact path="/" component={layout(<IndexContainer />)} />
-        </div>
-      </Router>
+      <BrowserRouter>
+        <Routes>
+          <Route path="/" element={layout(<IndexContainer />)()} />
+          <Route path="/list" element={layout(<SpaceList />)()} />
+          <Route path="/services" element={layout(<ServicesList />)()} />
+          <Route path="/urls" element={layout(<UrlListView />)()} />
+        </Routes>
+      </BrowserRouter>
     </Provider>
   </MuiThemeProvider>
 );

frontend/src/redux/modules/calendar.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import request from 'superagent';
 import flatten from 'lodash/flatten';
 import moment from 'moment';
-import RRule from 'rrule';
+import { RRule } from 'rrule';
 import { createAction, handleActions } from 'redux-actions';
 import config from '../../api/config';
 

frontend/src/style/theme.js

@@ -1,9 +1,9 @@
 import grey from '@material-ui/core/colors/grey';
 import green from '@material-ui/core/colors/green';
 import red from '@material-ui/core/colors/red';
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createTheme } from '@material-ui/core/styles';
 
-export default createMuiTheme({
+export default createTheme({
   typography: {
     fontFamily: 'Roboto, sans-serif',
     useNextVariants: true,