From 1edbae1a0224e30bafb98638f419e1f967a9286f Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Thu, 13 May 2021 17:42:53 +0200
Subject: ui: Move modal state outside of Redux

This change updates the frontend so that the modal state is not stored
inside Redux but instead is stored using the useState hook. This
simplifies the design of the modal components.
---
 .../opendc-web-ui/src/store/hooks/project.js       | 48 +++++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)

(limited to 'opendc-web/opendc-web-ui/src/store/hooks/project.js')

diff --git a/opendc-web/opendc-web-ui/src/store/hooks/project.js b/opendc-web/opendc-web-ui/src/store/hooks/project.js
index 0f2f1b66..0db49fdd 100644
--- a/opendc-web/opendc-web-ui/src/store/hooks/project.js
+++ b/opendc-web/opendc-web-ui/src/store/hooks/project.js
@@ -25,8 +25,54 @@ import { useSelector } from 'react-redux'
 /**
  * Return the current active project.
  */
-export function useProject() {
+export function useActiveProject() {
     return useSelector((state) =>
         state.currentProjectId !== '-1' ? state.objects.project[state.currentProjectId] : undefined
     )
 }
+
+/**
+ * Return the active portfolio.
+ */
+export function useActivePortfolio() {
+    return useSelector((state) => state.objects.portfolio[state.currentPortfolioId])
+}
+
+/**
+ * Return the active scenario.
+ */
+export function useActiveScenario() {
+    return useSelector((state) => state.objects.scenario[state.currentScenarioId])
+}
+
+/**
+ * Return the portfolios for the specified project id.
+ */
+export function usePortfolios(projectId) {
+    return useSelector((state) => {
+        let portfolios = state.objects.project[projectId]
+            ? state.objects.project[projectId].portfolioIds.map((t) => state.objects.portfolio[t])
+            : []
+        if (portfolios.filter((t) => !t).length > 0) {
+            portfolios = []
+        }
+
+        return portfolios
+    })
+}
+
+/**
+ * Return the scenarios for the specified portfolio id.
+ */
+export function useScenarios(portfolioId) {
+    return useSelector((state) => {
+        let scenarios = state.objects.portfolio[portfolioId]
+            ? state.objects.portfolio[portfolioId].scenarioIds.map((t) => state.objects.scenario[t])
+            : []
+        if (scenarios.filter((t) => !t).length > 0) {
+            scenarios = []
+        }
+
+        return scenarios
+    })
+}
-- 
cgit v1.2.3