Merge pull request #11 from fabric-testbed/feature/add-agenda-iframe

Feature/add agenda iframe
fabric-testbed · Aug 22, 2024 · 2ad18d4 · 2ad18d4
2 parents 8b33a33 + 1272190
commit 2ad18d4
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 0 deletions.
diff --git a/src/app.js b/src/app.js
@@ -2,6 +2,7 @@ import { Fragment } from 'react'
 import { Routes, Route } from 'react-router-dom'
 import { Menu } from '@components/menu'
 import {
+  AgendaView,
   CfaView,
   HomeView,
   MarkdownView,
@@ -32,6 +33,11 @@ const menuOptions = [
     path: '/cfa',
     label: 'Calls for Action',
     view: <CfaView />,
+  },
+  {
+    path: '/agenda',
+    label: 'Agenda',
+    view: <AgendaView />,
   }
 ]
 

diff --git a/src/images/KNIT9-logo.png b/src/images/KNIT9-logo.png
diff --git a/src/views/agenda.js b/src/views/agenda.js
@@ -0,0 +1,33 @@
+import { Page } from '@components/layout'
+import knit9logo from '@images/KNIT9-logo.png'
+
+export const AgendaView = () => {
+  return (
+    <Page
+      title="Agenda"
+      description="Agenda"
+    >
+      <img src={ knit9logo } width="100%"/>
+      <div style={{
+        width: '100%',
+        height: '2700px',
+        position: 'relative',
+        overflow: 'hidden',
+      }}>
+        <iframe 
+          src="https://docs.google.com/document/d/1FKLaYOyQzHG5MnrP7RltSC_uGcyij49LcycZGy4o1RM/pub?embedded=true"
+          style={{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            bottom: 0,
+            right: 0,
+            width: '100%',
+            height: '100%',
+            border: 'none',
+          }}
+        ></iframe>
+      </div>
+    </Page>
+  )
+}
diff --git a/src/views/index.js b/src/views/index.js
@@ -1,3 +1,4 @@
+export * from './agenda'
 export * from './cfa'
 export * from './home'
 export * from './not-found'