From c261b5718835531d665ddab7aa23d1864d1fe442 Mon Sep 17 00:00:00 2001
From: MathildeIgier <44711385+MathildeIgier@users.noreply.github.com>
Date: Thu, 20 Oct 2022 14:51:40 +0200
Subject: [PATCH 1/2] fix(10): month time for nbVisit

---
 src/app/types/generalFormTypes.ts    | 45 +++++++++------
 src/components/zones/GeneralForm.tsx | 13 +++--
 src/components/zones/ZonesView.tsx   | 86 ++++++++++++++--------------
 3 files changed, 78 insertions(+), 66 deletions(-)

diff --git a/src/app/types/generalFormTypes.ts b/src/app/types/generalFormTypes.ts
index 602923a..5a85c7e 100644
--- a/src/app/types/generalFormTypes.ts
+++ b/src/app/types/generalFormTypes.ts
@@ -1,23 +1,32 @@
 import { EBoolean } from "./types";
 
 export enum ServerType {
-    RENEWABLE = "Renewable energy",
-    NON_RENEWABLE = "Non renewable energy",
-    UNKNOWN = "Do not know",
-  }
+  RENEWABLE = "Renewable energy",
+  NON_RENEWABLE = "Non renewable energy",
+  UNKNOWN = "Do not know",
+}
+
+export const GeneralFormEntries = {
+  nbVisit: 0,
+  server: ServerType,
+  plugins: EBoolean,
+  genericFont: EBoolean,
+  inifiteScroll: EBoolean,
+};
 
-  export const GeneralFormEntries = {
-    nbVisit: 0,
-    server: ServerType,
-    plugins: EBoolean,
-    genericFont: EBoolean,
-    inifiteScroll: EBoolean,
-  };
+export const getGeneralEntryLabel = (entry: string) => {
+  switch (entry) {
+    case "nbVisit":
+      return "number of visits/month";
+    default:
+      return entry;
+  }
+};
 
-  export interface GenericParameters {
-    nbVisit?: number;
-    server?: ServerType;
-    plugins?: boolean;
-    genericFont?: boolean;
-    inifiteScroll?: boolean;
-  }
\ No newline at end of file
+export interface GenericParameters {
+  nbVisit?: number;
+  server?: ServerType;
+  plugins?: boolean;
+  genericFont?: boolean;
+  inifiteScroll?: boolean;
+}
diff --git a/src/components/zones/GeneralForm.tsx b/src/components/zones/GeneralForm.tsx
index ff42b47..924dac0 100644
--- a/src/components/zones/GeneralForm.tsx
+++ b/src/components/zones/GeneralForm.tsx
@@ -20,6 +20,7 @@ import { useAppSelector } from "../../app/hooks";
 import {
   GeneralFormEntries,
   GenericParameters,
+  getGeneralEntryLabel,
 } from "../../app/types/generalFormTypes";
 import { Project } from "../../app/types/types";
 import {
@@ -38,7 +39,7 @@ export default function GeneralFormAccordion() {
   const dispatch = useDispatch();
   const { isOpen, onOpen, onClose } = useDisclosure();
   return (
-    <AccordionItem borderTop={'none'}>
+    <AccordionItem borderTop={"none"}>
       {({ isExpanded }) => (
         <>
           <AccordionItemTitleCustom
@@ -46,7 +47,7 @@ export default function GeneralFormAccordion() {
             label={
               <>
                 <Flex align={"center"}>
-                  <AccordionCustomTitle label='General' icon="settings" />
+                  <AccordionCustomTitle label="General" icon="settings" />
                   <ProgressPoints
                     completeObject={GeneralFormEntries}
                     params={project.params}
@@ -62,7 +63,8 @@ export default function GeneralFormAccordion() {
               onClick={onOpen}
               disabled={project.status === "SIMULATION"}
             >
-              Reset <ResetIcon className={css({ margin: "3px" })} stroke='black'/>
+              Reset{" "}
+              <ResetIcon className={css({ margin: "3px" })} stroke="black" />
             </Button>
           </AccordionItemTitleCustom>
           <AccordionPanel>
@@ -96,13 +98,14 @@ function GeneralForm({ project }: { project: Project }) {
           return (
             <div key={key}>
               <Heading size="sm" my={2}>
-                {key}
+                {getGeneralEntryLabel(key)}
               </Heading>
               {typeof data === "number" && (
                 <NumberInputCustom
                   defaultValue={0}
                   value={
-                    project.params && project.params[key as keyof GenericParameters]
+                    project.params &&
+                    project.params[key as keyof GenericParameters]
                       ? Number(project.params[key as keyof GenericParameters])
                       : 0
                   }
diff --git a/src/components/zones/ZonesView.tsx b/src/components/zones/ZonesView.tsx
index 88233d2..ab5256e 100644
--- a/src/components/zones/ZonesView.tsx
+++ b/src/components/zones/ZonesView.tsx
@@ -72,49 +72,49 @@ export default function ZonesView({
       grow={1}
       alignSelf="stretch"
     >
-      <Flex opacity={0.5} width='400' minWidth='400' maxWidth='400'>
-      <Routes>
-        <Route
-          path="bytesim-webapp/1/*"
-          element={
-            <Flex>
-              <TestSVG />
-            </Flex>
-          }
-        />
-        <Route
-          path="bytesim-webapp/2/*"
-          element={
-            <Flex>
-              <img src={REHome} alt="RE homepage"/>
-            </Flex>
-          }
-        />
-        <Route
-          path="bytesim-webapp/3/*"
-          element={
-            <Flex>
-              <img src={REabout} alt="RE about page"/>
-            </Flex>
-          }
-        />
-        <Route
-          path="bytesim-webapp/4/*"
-          element={
-            <Flex>
-              <img src={REmap} alt="RE network map"/>
-            </Flex>
-          }
-        />
-        <Route
-          path="bytesim-webapp/*"
-          element={
-            <Flex>
-              <TestSVG />
-            </Flex>
-          }
-        />
-      </Routes>
+      <Flex opacity={0.5} width="400px" minWidth="400" maxWidth="400">
+        <Routes>
+          <Route
+            path="bytesim-webapp/1/*"
+            element={
+              <Flex>
+                <TestSVG />
+              </Flex>
+            }
+          />
+          <Route
+            path="bytesim-webapp/2/*"
+            element={
+              <Flex>
+                <img src={REHome} alt="RE homepage" />
+              </Flex>
+            }
+          />
+          <Route
+            path="bytesim-webapp/3/*"
+            element={
+              <Flex>
+                <img src={REabout} alt="RE about page" />
+              </Flex>
+            }
+          />
+          <Route
+            path="bytesim-webapp/4/*"
+            element={
+              <Flex>
+                <img src={REmap} alt="RE network map" />
+              </Flex>
+            }
+          />
+          <Route
+            path="bytesim-webapp/*"
+            element={
+              <Flex>
+                <TestSVG />
+              </Flex>
+            }
+          />
+        </Routes>
       </Flex>
       {zones.map((z) => {
         return (

From 486ba66198f866d3370ef5cdf980e4f76fc5d59b Mon Sep 17 00:00:00 2001
From: MathildeIgier <44711385+MathildeIgier@users.noreply.github.com>
Date: Thu, 20 Oct 2022 14:52:43 +0200
Subject: [PATCH 2/2] fix(10): add time for energy save

---
 src/components/recommandations/ReportGeneralInfo.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/recommandations/ReportGeneralInfo.tsx b/src/components/recommandations/ReportGeneralInfo.tsx
index 98ea4c9..709cd52 100644
--- a/src/components/recommandations/ReportGeneralInfo.tsx
+++ b/src/components/recommandations/ReportGeneralInfo.tsx
@@ -25,7 +25,7 @@ export default function ReportGeneralInfo() {
     <Flex justify={"stretch"} align="center" minHeight={"fit-content"}>
       <Flex direction={"column"} justify="center" p={2} grow={1}>
         <Text fontSize={"sm"} color={"gray.500"}>
-          Energy (KWh)
+          Energy (KWh)/month
         </Text>
         <Flex justify={"stretch"} align="center" minHeight={"fit-content"}>
           <Text fontSize="lg" color={"gray.600"} fontWeight={"semibold"}>
@@ -45,7 +45,7 @@ export default function ReportGeneralInfo() {
         grow={1}
       >
         <Text fontSize={"sm"} color={"gray.500"}>
-          GWP ( kg CO2eq)
+          GWP ( kg CO2eq)/month
         </Text>
         <Flex justify={"stretch"} align="center" minHeight={"fit-content"}>
           <Text fontSize="lg" color={"gray.600"} fontWeight={"semibold"}>