From e55c7b5b5af29ff11b037fdfc40321d422859f5c Mon Sep 17 00:00:00 2001
From: Lucas <lucasferguson16@gmail.com>
Date: Wed, 8 May 2024 15:49:06 -0500
Subject: [PATCH] Small changes to the Summary Page

---
 src/assets/stylesheets/summary.scss | 31 +++++++++++++++++++++-----
 src/components/BrowseComponent.js   |  1 +
 src/components/SummaryComponent.js  | 34 ++++++++++++++++++++++-------
 src/index.js                        |  5 +++++
 4 files changed, 58 insertions(+), 13 deletions(-)

diff --git a/src/assets/stylesheets/summary.scss b/src/assets/stylesheets/summary.scss
index 413c140..34eff00 100644
--- a/src/assets/stylesheets/summary.scss
+++ b/src/assets/stylesheets/summary.scss
@@ -32,12 +32,33 @@ $white: #fff;
 }
 
 .summary-fieldContainer {
+  // width: 100%;
+  // min-height: calc(100% - 250px);
+  // height: auto;
+  // background-color: transparent;
+  // display: flex;
+  // align-items: flex-start;
+  // justify-content: center;
+  // flex-wrap: wrap;
+
+  // below is taken from browse.scss
   width: 100%;
-  min-height: calc(100% - 250px);
+  min-height: calc(100% - 200px);
   height: auto;
-  background-color: transparent;
   display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-start;
+  flex-direction: column;
+  overflow: hidden;
+  background-color: transparent;
+  margin-bottom: 50px;
+}
+
+.summary-iframe {
+  // width: 400px;
+  // height: 400px;
+  min-height: 1px;
+  background: transparent;
+  margin: 10px;
+  display: block;
 }
diff --git a/src/components/BrowseComponent.js b/src/components/BrowseComponent.js
index b443b6f..85fa87e 100644
--- a/src/components/BrowseComponent.js
+++ b/src/components/BrowseComponent.js
@@ -123,3 +123,4 @@ export default class BrowseComponent extends Component {
     );
   }
 }
+
diff --git a/src/components/SummaryComponent.js b/src/components/SummaryComponent.js
index 2415855..de69882 100644
--- a/src/components/SummaryComponent.js
+++ b/src/components/SummaryComponent.js
@@ -7,14 +7,32 @@ export default class SummaryComponent extends Component {
     return (
       <div className="summary">
         <img className="summary-image" src={BeldenLogo} alt="Belden" />
-        <div className="summary-fieldContainer"></div>
-        {/* <iframe src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7" width="450" height="200" frameborder="0"></iframe> */}
-        <iframe
-          src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=9"
-          width="450"
-          height="200"
-          frameborder="0"
-        ></iframe>
+        <div className="summary-fieldContainer">
+          {/* <div className="summary-iframe"> */}
+          <iframe
+            className="summary-fieldContainer"
+            src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7"
+            // width="400"
+            // height="300"
+            frameborder="0"
+          ></iframe>
+          <iframe
+            className="summary-fieldContainer"
+            src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7"
+            // width="400"
+            // height="300"
+            frameborder="0"
+          ></iframe>
+          <iframe
+            className="summary-fieldContainer"
+            src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7"
+            // width="400"
+            // height="300"
+            frameborder="0"
+          ></iframe>
+          {/* </div> */}
+          {/* <iframe src="http://192.168.1.12:3000/d-solo/cdiqwmlr8c9ogf/sensors?orgId=1&refresh=1s&theme=light&panelId=7" width="450" height="200" frameborder="0"></iframe> */}
+        </div>
       </div>
     );
   }
diff --git a/src/index.js b/src/index.js
index 77d5cde..744f369 100644
--- a/src/index.js
+++ b/src/index.js
@@ -19,6 +19,7 @@ socket.addEventListener("open", function (event) {
   init();
 });
 
+
 // Initialize the app
 const init = () => {
   const router = createBrowserRouter([
@@ -55,3 +56,7 @@ const init = () => {
     </div>
   );
 };
+
+
+
+init();
\ No newline at end of file