[#1462] Add power-bi chart on the landing page

akvo · Jul 17, 2024 · 2a5b130 · 2a5b130
1 parent 5e636f8
commit 2a5b130
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/frontend/src/pages/home/Home.jsx b/frontend/src/pages/home/Home.jsx
@@ -231,9 +231,15 @@ const Home = () => {
             mapValues={mapValues}
             setMapValues={setMapValues}
           /> */}
-          {/* TODO Visualisation */}
         </div>
       </div>
+      <div className="home-even power-bi">
+        <iframe
+          title="Landing page"
+          src="https://app.powerbi.com/view?r=eyJrIjoiNjY0ODMwZTQtMGRhZS00ZTU5LWEzNzUtM2IyMzY3ZjBiN2M0IiwidCI6ImIxNzBlMTE1LWRjM2QtNGU5Mi04NWJlLWU0YjMwMDljNWRjMiIsImMiOjl9&navContentPaneEnabled=false"
+          allowFullScreen={true}
+        />
+      </div>
       <div className="home-odd contact">
         <h2>{text.contactText}</h2>
         <Row align="middle" justify="center">

diff --git a/frontend/src/pages/home/style.scss b/frontend/src/pages/home/style.scss
@@ -183,5 +183,17 @@
         text-align: center;
       }
     }
+
+    .power-bi {
+      height: 1566px;
+      overflow: hidden;
+      iframe {
+        width: 100%;
+        height: 100%;
+        min-height: 480px;
+        border: none;
+        zoom: 4;
+      }
+    }
   }
 }