diff --git a/frontend/src/views/projectLiveMonitoring.js b/frontend/src/views/projectLiveMonitoring.js index 4a1647391d..130ea787e2 100644 --- a/frontend/src/views/projectLiveMonitoring.js +++ b/frontend/src/views/projectLiveMonitoring.js @@ -267,80 +267,74 @@ export function ProjectLiveMonitoring() { )} -
- - -
-
-
- { - setRealtimeList(!realtimeList); - }} - name="liveListCheckbox" - type="checkbox" - /> - - { - setRealtimeMap(!realtimeMap); - }} - name="liveMapCheckbox" - type="checkbox" - /> - - { - setListAll(!listAll); + {project && areaOfInterest && ( + <>
+ + +
+ + { + setRealtimeList(!realtimeList); + } } + name="liveListCheckbox" + type="checkbox" /> + + { + setRealtimeMap(!realtimeMap); + } } + name="liveMapCheckbox" + type="checkbox" /> + + { + setListAll(!listAll); + } } + name="listAllCheckbox" + type="checkbox" /> + + +
- - -
- { - setCoords([feature.lat, feature.lon]); - const tags = JSON.stringify(feature.tags); - const status = feature.status; - setActiveFeature({ properties: { tags, status }, ...feature }); - }} - realtime={realtimeList} - config={underpassConfig} - status={listAll ? '' : status} - orderBy="created_at" - onFetchFirstTime={(mostRecentFeature) => { - if (mostRecentFeature) { - setCoords([mostRecentFeature.lat, mostRecentFeature.lon]); - } - }} - /> + tags={tags} + hashtag={'hotosm-project-' + id} + featureType={featureType} + page={0} + area={areaOfInterest} + onSelect={(feature) => { + setCoords([feature.lat, feature.lon]); + const tags = JSON.stringify(feature.tags); + const status = feature.status; + setActiveFeature({ properties: { tags, status }, ...feature }); + } } + realtime={realtimeList} + config={underpassConfig} + status={listAll ? '' : status} + orderBy="created_at" + onFetchFirstTime={(mostRecentFeature) => { + if (mostRecentFeature) { + setCoords([mostRecentFeature.lat, mostRecentFeature.lon]); + } + } } /> + )}