diff --git a/src/app.js b/src/app.js
index 0794220e..eac7c0c2 100644
--- a/src/app.js
+++ b/src/app.js
@@ -1,12 +1,24 @@
 import React, { Fragment } from 'react';
 import { Map } from '@components/map';
-import { Sidebar } from '@components/sidebar';
+import ObservationDialog from "@components/map/observation-dialog";
+import { useLayers } from '@context';
 
 export const App = () => {
-  return (
+    // install the selected observation list from the layer context
+    const {
+        selectedObservations
+    } = useLayers();
+
+    return (
     <Fragment>
-      <Map/>
-      <Sidebar />
-    </Fragment>
-  );
+        {
+            // for each observation selected
+            selectedObservations.map (function (obs) {
+                // render the observation
+                return <ObservationDialog key={obs.station_name} obs={obs} />;
+            })
+        }
+        <Map />
+     </Fragment>
+    );
 };