From 9dd75a9a40f7f2aebbc617980c99085f9dc688f8 Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Wed, 14 Sep 2022 23:02:46 +0200
Subject: refactor(web/ui): Move project selector into masthead

This change moves the project selector into the masthead since it
affects the whole application. This follows the PatternFly guidelines.
---
 .../opendc-web-ui/src/components/context/ProjectSelector.js       | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js')

diff --git a/opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js b/opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js
index 7721e04c..5f47c798 100644
--- a/opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js
+++ b/opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js
@@ -22,14 +22,16 @@
 
 import { useRouter } from 'next/router'
 import { useState } from 'react'
-import { useProjects } from '../../data/project'
+import { useProjects, useProject } from '../../data/project'
 import { Project } from '../../shapes'
 import ContextSelector from './ContextSelector'
 
-function ProjectSelector({ activeProject }) {
+function ProjectSelector() {
     const router = useRouter()
+    const projectId = +router.query['project']
 
     const [isOpen, setOpen] = useState(false)
+    const { data: activeProject } = useProject(+projectId)
     const { data: projects = [] } = useProjects({ enabled: isOpen })
 
     return (
@@ -40,6 +42,8 @@ function ProjectSelector({ activeProject }) {
             onSelect={(project) => router.push(`/projects/${project.id}`)}
             onToggle={setOpen}
             isOpen={isOpen}
+            isFullHeight
+            type="app"
         />
     )
 }
-- 
cgit v1.2.3


From 24b857ae580fcbea441e7cb91bc7aba681fc6c8b Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Thu, 15 Sep 2022 10:17:44 +0200
Subject: feat(web/ui): Reduce height of application header

This change reduces the height of the application header to 3.5rem to
increase the screen real-estate that we can use for the application
content.
---
 opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js')

diff --git a/opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js b/opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js
index 5f47c798..f2791b38 100644
--- a/opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js
+++ b/opendc-web/opendc-web-ui/src/components/context/ProjectSelector.js
@@ -36,14 +36,14 @@ function ProjectSelector() {
 
     return (
         <ContextSelector
-            label="Project"
-            activeItem={activeProject}
+            id="project"
+            type="app"
+            toggleText={activeProject ? activeProject.name : 'Select project'}
             items={projects}
             onSelect={(project) => router.push(`/projects/${project.id}`)}
             onToggle={setOpen}
             isOpen={isOpen}
             isFullHeight
-            type="app"
         />
     )
 }
-- 
cgit v1.2.3