From 77135650cff45539fff70da24ee0912b42f2dad2 Mon Sep 17 00:00:00 2001
From: Dana Lambert <danalambert@catalyst.net.nz>
Date: Wed, 1 Dec 2021 09:26:19 +1300
Subject: [PATCH] Add results description

---
 frontend/src/components/steps/results/ResultsStep.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/steps/results/ResultsStep.js b/frontend/src/components/steps/results/ResultsStep.js
index 290830d..dabcde1 100644
--- a/frontend/src/components/steps/results/ResultsStep.js
+++ b/frontend/src/components/steps/results/ResultsStep.js
@@ -7,7 +7,9 @@ import Button from '@mui/material/Button';
 import PlantRepository from '../../../repository/PlantRepository'
 import { Typography, Box } from '@mui/material';
 import resultsBackgroundImage from '../../../assets/img/stepBackgrounds/step6.jpg';
+import staticText from '../../../assets/data/staticText.json'
 
+const RESULTS_DESCRIPTION = <Typography>Please review the plant species list – it can be saved as a CSV file or appended to a planting plan guidebook. Additional information on each species can be obtained by entering the plant species name into the search box at  <a href='https://inaturalist.nz' target='blank'>inaturalist.nz</a> or in the "search flora" box at <a href="https://www.nzpcn.org.nz/" target="blank">www.nzpcn.org.nz</a>. Click the "Download PDF" button to create a planting plan guidebook specific to your project site..</Typography>
 
 export default function ResultsStep(props) {
     const [plants, setPlants] = useState([]);
@@ -76,12 +78,13 @@ export default function ResultsStep(props) {
     const stepContent = (
         <div className="py-4">
             <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }} className="pb-4">
-                <Typography variant='h5'>Plant List Results</Typography>
+                <Typography variant='h5'>{staticText.steps.results.title}</Typography>
                 <Stack spacing={2} direction="row" justifyContent="end">
                     <Button variant="contained" onClick={() => downloadPDF()}>Download PDF</Button>
                     <Button variant="contained" onClick={() => downloadCSV()}>Download CSV</Button>
                 </Stack>
             </Box>
+            <Typography variant='body2' sx={{ paddingRight: '100px', paddingBottom: '20px' }}>{RESULTS_DESCRIPTION}</Typography>
             <PlantList rows={getTableRows()}/>
         </div>
     )