make work with fake opp

Author: jaje800

src/components/PopupResults/PopupResults.jsx

@@ -37,7 +37,7 @@ const PopupResults = (props) => {
           <div>
             {_searchResults.features.map((feature) => {
               return <div className="opportunity-card" onClick={() => handleCardClick(feature.properties.product_id)}><div>
-                <p>Product ID: <span>{feature.properties.product_id}</span></p>
+                <p>Product ID: <span>{feature.properties.id}</span></p>
                 <p>Start time: <span>{feature.properties.start_datetime}</span></p>
                 <p>End time: <span>{feature.properties.end_datetime}</span></p>
               </div></div>

src/services/get-search-service.js

@@ -10,44 +10,71 @@ import {
 import { addDataToLayer, footprintLayerStyle } from '../utils/mapHelper'
 
 export async function SearchService(searchParams, productData, apiKey) {
-  //   {
-  //     "id": "cc4a6b70-d45b-415b-b7ea-0f636fdc9a2d",
-  //     "product_id": "maxar",
-  //     "opportunity_request": {
-  //         "datetime": "2025-04-03T10:28:47.935480+00:00/2025-04-03T10:28:47.935484+00:00",
-  //         "geometry": {
-  //             "type": "Point",
-  //             "coordinates": [
-  //                 0.0,
-  //                 0.0
-  //             ]
-  //         },
-  //         "filter": null,
-  //         "next": null,
-  //         "limit": 10
-  //     },
-  //     "status": {
-  //         "timestamp": "2025-04-03T10:28:47.935549Z",
-  //         "status_code": "completed",
-  //         "reason_code": null,
-  //         "reason_text": null,
-  //         "links": []
-  //     },
-  //     "links": [
-  //         {
-  //             "href": "https://apps.euspaceimaging.com/test/internal/tara/api/v1/feasibility/cc4a6b70-d45b-415b-b7ea-0f636fdc9a2d",
-  //             "rel": "feasibility"
-  //         },
-  //         {
-  //             "href": "http://apps.euspaceimaging.com/test/internal/stapi/searches/opportunities/cc4a6b70-d45b-415b-b7ea-0f636fdc9a2d",
-  //             "rel": "self",
-  //             "type": "application/json"
-  //         }
-  //     ]
-  // }
+ const opportunities = [{
+   id: 'cc4a6b70-d45b-415b-b7ea-0f636fdc9a2d',
+   product_id: 'maxar',
+   opportunity_request: {
+     datetime:
+       '2025-04-03T10:28:47.935480+00:00/2025-04-03T10:28:47.935484+00:00',
+     geometry: {
+       type: 'Point',
+       coordinates: [0.0, 0.0]
+     },
+     filter: null,
+     next: null,
+     limit: 10
+   },
+   status: {
+     timestamp: '2025-04-03T10:28:47.935549Z',
+     status_code: 'completed',
+     reason_code: null,
+     reason_text: null,
+     links: []
+   },
+   links: [
+     {
+       href: 'https://apps.euspaceimaging.com/test/internal/tara/api/v1/feasibility/cc4a6b70-d45b-415b-b7ea-0f636fdc9a2d',
+       rel: 'feasibility'
+     },
+     {
+       href: 'http://apps.euspaceimaging.com/test/internal/stapi/searches/opportunities/cc4a6b70-d45b-415b-b7ea-0f636fdc9a2d',
+       rel: 'self',
+       type: 'application/json'
+     }
+   ]
+ }]
+ console.log(opportunities[0].opportunity_request)
+ const featureHack = {
+   type: 'FeatureCollection',
+   features: []
+  }
+  for (const [key, value] of Object.entries(opportunities)) {
+   featureHack.features.push({
+     type: 'Feature',
+     properties: { id: value.id },
+     geometry: value.opportunity_request.geometry
+   })
+ } 
+    
+ 
+ console.log(featureHack)
+
+  store.dispatch(setSearchResults(featureHack))
+  store.dispatch(setmappedScenes(featureHack))
+  const options = {
+    style: footprintLayerStyle
+  }
+  store.dispatch(setSearchLoading(false))
+  
+  addDataToLayer(featureHack, 'searchResultsLayer', options, true)
+  // store.dispatch(setClickResults(fakeOpportunities.features))
+  store.dispatch(settabSelected('details'))
+  store.dispatch(sethasLeftPanelTabChanged(true))
+
+  return
+
+  /// ///////
   console.log('REQUEST', searchParams)
-  // TODO: PUT ENDPOINT HERE
-  // check for selected product and map endpoint
   await fetch(productData.providerBaseUrl + '/products/maxar/opportunities', {
     method: 'POST',
     headers: {