adding the APS forecast plot, tidying up.

RENCI · Jun 20, 2024 · ee4505d · ee4505d
1 parent 4d6a4c7
commit ee4505d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/dialog/base-floating-dialog.js b/src/components/dialog/base-floating-dialog.js
@@ -10,7 +10,7 @@ import DialogTitle from '@mui/material/DialogTitle';
 import Paper from '@mui/material/Paper';
 import Slide from '@mui/material/Slide';
 import { markUnclicked } from '@utils/map-utils';
-import CloseIcon from '@mui/icons-material/Close';
+import CloseOutlinedIcon from '@mui/icons-material/CloseOutlined';
 
 // define the properties of this component's input
 BaseFloatingDialog.propTypes = {
@@ -69,9 +69,9 @@ export default function BaseFloatingDialog({ title, dialogObject, dataKey, dataL
                                 fontSize: 14, height: 45, p: 1.5 }} id="draggable-dialog-title"> { title }
                 </DialogTitle>
 
-                <IconButton size="small" autoFocus onClick={ handleClose }
-                            sx={{ position: 'absolute', right: 8, top: 5 }}
-                > <CloseIcon/> </IconButton>
+                <IconButton size="small" autoFocus onClick={ handleClose } sx={{ position: 'absolute', right: 8, top: 5 }}>
+                    <CloseOutlinedIcon color={"primary"}/>
+                </IconButton>
 
                 <DialogContent sx={{ backgroundColor: 'white', fontSize: 11, m: 0, width: 590, height: 350 }}>{ dialogObject }</DialogContent>
             </Dialog>

diff --git a/src/components/dialog/observation-chart.js b/src/components/dialog/observation-chart.js
@@ -74,7 +74,7 @@ function CreateObsChart(url) {
                     <YAxis domain={['auto', 'auto']}/>
                     <Tooltip />
                     <Legend align={ 'center' } />
-                    <Line type="monotone" dataKey="Observations" stroke="gray" strokeWidth={2} dot={false} isAnimationActive={false} />
+                    <Line type="monotone" dataKey="Observations" stroke="black" strokeWidth={2} dot={false} isAnimationActive={false} />
                     <Line type="monotone" strokeDasharray="3 1" dataKey="NOAA Tidal Predictions" stroke="teal" strokeWidth={2} dot={false} isAnimationActive={false} />
                     <Line type="monotone" dataKey="APS Nowcast" stroke="CornflowerBlue" strokeWidth={2} dot={false} isAnimationActive={false} />
                     <Line type="monotone" strokeDasharray="4 1 2" dataKey="APS Forecast" stroke="LimeGreen" strokeWidth={2} dot={false} isAnimationActive={false} />