From 6ea5744e7b7309935d0d88aba6178fe488815e79 Mon Sep 17 00:00:00 2001
From: Paul Crossley <pauljoncrossley@gmail.com>
Date: Thu, 22 Aug 2024 15:26:06 +0100
Subject: [PATCH] Set as project option in snapshot

---
 app/javascript/projects/analysis_panel.tsx | 7 +++++--
 app/javascript/projects/project_editor.tsx | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/javascript/projects/analysis_panel.tsx b/app/javascript/projects/analysis_panel.tsx
index b92ca9c7..74e99c32 100644
--- a/app/javascript/projects/analysis_panel.tsx
+++ b/app/javascript/projects/analysis_panel.tsx
@@ -145,6 +145,7 @@ interface AnalysisPanelProps {
     selectedLayer: Layer | null
     layerStats: (layer: DatasetLayer | ModelOutputLayer) => BooleanTileGrid | NumericTileGrid | CategoricalTileGrid | null
     currentTab: number
+    projectExtent: Extent
 }
 
 let dataSourceType: string = "null"
@@ -156,7 +157,7 @@ ChartTypeArray.set("NumericTileGrid", ["hist"])
 
 
 
-export const AnalysisPanel = ({ selectedArea, setSelectedArea, setShowAP, selectedLayer, layerStats, currentTab }: AnalysisPanelProps) => {
+export const AnalysisPanel = ({ selectedArea, setSelectedArea, setShowAP, selectedLayer, layerStats, currentTab, projectExtent }: AnalysisPanelProps) => {
 
     const [chartType, setChartType] = React.useState<ChartType>()
     const [chartData, setChartData] = React.useState<ChartData>()
@@ -341,7 +342,7 @@ export const AnalysisPanel = ({ selectedArea, setSelectedArea, setShowAP, select
                             <button className="btn btn-sm btn-outline-primary">
                                 <i className="fas fa-square" /> Set extent
                             </button>
-                        </div>                        
+                        </div>          
                         <div className="btn-group mr-2" style={{paddingBottom: 15}} onClick={()=>{navigator.clipboard.writeText(selectedArea ? selectedArea.join(",") : ""); alert("Copied selected area to clipboard.")}}>
                             <button className="btn btn-sm btn-outline-primary">
                                 <i className="fas fa-copy" /> Copy extent
@@ -382,6 +383,8 @@ export const AnalysisPanel = ({ selectedArea, setSelectedArea, setShowAP, select
                     </div>
                     <div className="modal-footer">
                         <button type="button" className="btn btn-secondary" data-dismiss="modal">Close</button>
+
+                        <button type='button' className='btn btn-primary' data-dismiss="modal" onClick={()=>setSelectedArea(projectExtent)}>Use project extent</button>
                         <button 
                             id="save-snapshot-extent-btn" 
                             type="button" 
diff --git a/app/javascript/projects/project_editor.tsx b/app/javascript/projects/project_editor.tsx
index ac3bdf58..ba7f2fb2 100644
--- a/app/javascript/projects/project_editor.tsx
+++ b/app/javascript/projects/project_editor.tsx
@@ -191,6 +191,7 @@ export function ProjectEditor({ projectId, projectSource, backButtonPath, dbMode
                 return cache[id] ? cache[id] : null
               }}
               currentTab={currentTab}
+              projectExtent={projectExtent}
             />
           }
           {