feat: allow map container to accept a click event

Author: steveoh

src/components/MapContainer.tsx

@@ -1,4 +1,8 @@
+import '@ugrc/layer-selector/src/LayerSelector.css';
+import cityExtents from './data/cityExtents.json';
+
 import Polygon from '@arcgis/core/geometry/Polygon';
+import Graphic from '@arcgis/core/Graphic';
 import VectorTileLayer from '@arcgis/core/layers/VectorTileLayer';
 import EsriMap from '@arcgis/core/Map';
 import MapView from '@arcgis/core/views/MapView';
@@ -7,16 +11,13 @@ import { useEffect, useRef, useState } from 'react';
 import { useMap } from './hooks';
 import { randomize } from './utils';
 
-import '@ugrc/layer-selector/src/LayerSelector.css';
-import cityExtents from './data/cityExtents.json';
-
 const { item: randomExtent } = randomize<Graphic>(cityExtents);
 const urls = {
   landownership:
     'https://gis.trustlands.utah.gov/hosting/rest/services/Hosted/Land_Ownership_WM_VectorTile/VectorTileServer',
 };
 
-export const MapContainer = () => {
+export const MapContainer = ({ onIdentifyClick }: { onIdentifyClick: Function }) => {
   const mapNode = useRef(null);
   const mapComponent = useRef(null);
   const mapView = useRef(null);
@@ -43,9 +44,9 @@ export const MapContainer = () => {
 
     setMapView(mapView.current);
 
-    // mapView.current.when(() => {
-    //   mapView.current.on('click', onClick);
-    // });
+    mapView.current.when(() => {
+      mapView.current.on('click', onIdentifyClick);
+    });
 
     const selectorOptions = {
       view: mapView.current,