Convert Dashboard to functional component

it would be shorter to list what didn't change.

Everything changes?

useEffect replacing compnentDidMount
No more weird handling of filter values, let API filtering do it's job
Cleaned up small behaviors around button enabling

State use makes way more sense now

dashboard_id is sanely synced when direct navigation via URL

frontend/src/app.js

@@ -5,7 +5,7 @@ import ElementWrapper from './components/elementWrapper';
 
 import { Navigate, Route, Routes } from 'react-router-dom';
 
-import { Dashboard } from './dashboard';
+import Dashboard from './dashboard';
 import { ReportBuilder } from './report-builder';
 import { RunList } from './run-list';
 import { Run } from './run';
@@ -47,12 +47,12 @@ export class App extends React.Component {
           <Route
             path="dashboard/:dashboard_id"
             element={
-              <ElementWrapper routeElement={Dashboard} eventEmitter={this.eventEmitter} />
+              <Dashboard />
             }
           />
           <Route
             path="dashboard/*"
-            element={<ElementWrapper routeElement={Dashboard} eventEmitter={this.eventEmitter} />}
+            element={<Dashboard />}
           />
 
 

frontend/src/components/edit-widget-modal.js

@@ -153,7 +153,7 @@ export class EditWidgetModal extends React.Component {
               </HelperText>
             </FormHelperText>
           </FormGroup>
-          {componentLoaded ? widgetType.params.map(param => {
+          {componentLoaded ? widgetType?.params.map(param => {
             return (
               <React.Fragment key={param.name}>
                 <FormGroup

frontend/src/components/ibutsu-header.js

@@ -217,7 +217,12 @@ export class IbutsuHeader extends React.Component {
   }
 
   onProjectSelect = (_event, value) => {
-    const { primaryObject, setPrimaryObject, setPrimaryType } = this.context;
+    const {
+      primaryObject,
+      setPrimaryObject,
+      setPrimaryType,
+      setDefaultDashboard,
+    } = this.context;
     if (primaryObject?.id === value?.id) {
       this.setState({
         isProjectSelectorOpen: false,
@@ -227,8 +232,11 @@ export class IbutsuHeader extends React.Component {
       return;
     }
     // update context
-    setPrimaryObject(value)
-    setPrimaryType('project')
+    setPrimaryObject(value);
+    setPrimaryType('project');
+    console.log('project selected: ' + value.default_dashboard_id)
+    setDefaultDashboard(value.default_dashboard_id);
+
     // update state
     this.setState({
       selectedProject: value,

frontend/src/components/user-dropdown.js

@@ -49,9 +49,8 @@ export class UserDropdown extends React.Component {
   };
 
   logout = () => {
-    const { setPrimaryObject, setActiveDashboard } = this.context;
+    const { setPrimaryObject } = this.context;
     setPrimaryObject();
-    setActiveDashboard();
     AuthService.logout();
     window.location = "/";
   }