From ffe6cc948756585389d70c78ff6bec9d2a29c38d Mon Sep 17 00:00:00 2001
From: Phil Owen <19691521+PhillipsOwen@users.noreply.github.com>
Date: Fri, 3 May 2024 11:40:55 -0400
Subject: [PATCH] adding the rendering of the items in the selected observation
 list

---
 src/app.js | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

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>
+    );
 };