getcable

src/assets/stylesheets/summary.scss

@@ -2,10 +2,6 @@ $dark-blue: #002554;
 $medium-blue: #004990;
 $light-blue: #007cbe;
 $hover-blue: #25b3ff;
-$black: #000;
-$gray: #bdbdbd;
-$white: #fff;
-
 .summary {
   background: linear-gradient(
     180deg,
@@ -38,6 +34,16 @@ $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% - 200px);
   height: auto;
@@ -50,6 +56,15 @@ $white: #fff;
   margin-bottom: 50px;
 }
 
+.summary-iframe {
+  // width: 400px;
+  // height: 400px;
+  min-height: 1px;
+  background: transparent;
+  margin: 10px;
+  display: block;
+}
+
 .summary-fieldContainer-pp {
   width: 25%;
   height: 300px;

src/components/BrowseComponent.js

@@ -125,3 +125,4 @@ export default class BrowseComponent extends Component {
     );
   }
 }
+

src/components/SummaryComponent.js

@@ -6,18 +6,33 @@ export default class SummaryComponent extends Component {
   render() {
     return (
       <div className="summary">
-        <div className="summary-image">
+        <img className="summary-image" src={BeldenLogo} alt="Belden" />
-          <img src={BeldenLogo} alt="Belden" />
-        </div>
         <div className="summary-fieldContainer">
-          <p className="summary-fieldContainer-pp">hello this is from inside a pp hello this is from inside a pp hello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pphello this is from inside a pp</p>
+          {/* <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 className="summary-fieldContainer-dashboard">
-          <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> 
-        {/* <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>
     );
   }

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();