diff --git a/client/src/components/Advanced.js b/client/src/components/Advanced.js index 230ca81..c8b4d53 100644 --- a/client/src/components/Advanced.js +++ b/client/src/components/Advanced.js @@ -5,7 +5,13 @@ import { Paper, TextField, Typography, - styled, Table, TableBody, TableCell, TableContainer, TableHead, TableRow + styled, + Table, + TableBody, + TableCell, + TableContainer, + TableHead, + TableRow, } from "@mui/material"; import axios from "axios"; import { useState } from "react"; @@ -26,8 +32,8 @@ const Item = styled(Paper)(({ theme }) => ({ let RTU_key = 0; const createTableData = (number, name, value) => { - return {number, name, value}; -} + return { number, name, value }; +}; export default function Advanced() { let navigate = useNavigate(); // navigate to diff pages @@ -150,7 +156,11 @@ export default function Advanced() { createTableData("1", "Enthalpy Coast", graphData[0]), createTableData("2", "Chiller Direct Reduction", graphData[1]), createTableData("3", "Reduced kW from CFM Reduction", graphData[2]), - createTableData("4", "Reduced kW from Static Pressure Reset", graphData[3]), + createTableData( + "4", + "Reduced kW from Static Pressure Reset", + graphData[3] + ), createTableData("5", "Total Load Reduction", graphData[4]), ]); }; @@ -479,31 +489,39 @@ export default function Advanced() { Reduction Results - - - - - - Shed Category - Shed Result (kW) - - - - {tableRows.map((row) => ( - - - {row.number} - - {row.name} - {(row.value).toFixed(2)} - - ))} - -
-
+ + + + + + + Shed Category + + + {" "} + Shed Result (kW) + + + + + {tableRows.map((row) => ( + + + {row.number} + + {row.name} + {row.value.toFixed(2)} + + ))} + +
+
{/* {Object.keys(calculationOutput).map((keyName, i) => ( diff --git a/client/src/components/Home.js b/client/src/components/Home.js index 1aef421..d70e4f2 100644 --- a/client/src/components/Home.js +++ b/client/src/components/Home.js @@ -30,7 +30,11 @@ export default function Home() { Demand Flexibility Assessment Tool