ui: Update frontend dependencies

This pull request updates the React dependencies used in the OpenDC frontend.

* Actualize React, react-konva and react-scripts
* Actualize Bootstrap and Reactstrap
* Migrate to Redux hooks to reduce clutter

1 files changed, 13 insertions, 13 deletions

diff --git a/opendc-web/opendc-web-ui/src/containers/projects/VisibleProjectAuthList.js b/opendc-web/opendc-web-ui/src/containers/projects/VisibleProjectAuthList.js
index f0010540..b869775c 100644
--- a/opendc-web/opendc-web-ui/src/containers/projects/VisibleProjectAuthList.js
+++ b/opendc-web/opendc-web-ui/src/containers/projects/VisibleProjectAuthList.js
@@ -1,4 +1,5 @@
-import { connect } from 'react-redux'
+import React from 'react'
+import { useSelector } from 'react-redux'
 import ProjectList from '../../components/projects/ProjectAuthList'
 
 const getVisibleProjectAuths = (projectAuths, filter) => {
@@ -14,19 +15,18 @@ const getVisibleProjectAuths = (projectAuths, filter) => {
     }
 }
 
-const mapStateToProps = (state) => {
-    const denormalizedAuthorizations = state.projectList.authorizationsOfCurrentUser.map((authorizationIds) => {
-        const authorization = state.objects.authorization[authorizationIds]
-        authorization.user = state.objects.user[authorization.userId]
-        authorization.project = state.objects.project[authorization.projectId]
-        return authorization
-    })
+const VisibleProjectAuthList = (props) => {
+    const authorizations = useSelector((state) => {
+        const denormalizedAuthorizations = state.projectList.authorizationsOfCurrentUser.map((authorizationIds) => {
+            const authorization = state.objects.authorization[authorizationIds]
+            authorization.user = state.objects.user[authorization.userId]
+            authorization.project = state.objects.project[authorization.projectId]
+            return authorization
+        })
 
-    return {
-        authorizations: getVisibleProjectAuths(denormalizedAuthorizations, state.projectList.authVisibilityFilter),
-    }
+        return getVisibleProjectAuths(denormalizedAuthorizations, state.projectList.authVisibilityFilter)
+    })
+    return <ProjectList {...props} authorizations={authorizations} />
 }
 
-const VisibleProjectAuthList = connect(mapStateToProps)(ProjectList)
-
 export default VisibleProjectAuthList