smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Style updates

Browse Source
This commit is contained in:
Sean Edmunds
2025-06-10 16:30:59 -05:00
parent a148335284
commit fb70df76f1
5 changed files with 45 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/components/WeatherModal/WeatherGraphs.tsx
View File

@@ -69,6 +69,19 @@ export default function WeatherGraphs({
/>
<CartesianGrid stroke='#f5f5f522' />
<Tooltip content={<CustomTooltip />} />
<Line
unit={'°F'}
type='monotone'
name='Temperature'
dataKey='temperature'
stroke={'var(--mantine-color-primary-0)'}
strokeWidth={2}
dot={{
stroke: 'var(--mantine-color-primary-0)',
strokeWidth: 0,
fill: 'var(--mantine-color-primary-0)',
}}
/>
<Line
unit={'°F'}
type='monotone'
@@ -84,19 +97,6 @@ export default function WeatherGraphs({
fill: 'var(--mantine-color-accent-0)',
}}
/>
<Line
unit={'°F'}
type='monotone'
name='Temperature'
dataKey='temperature'
stroke={'var(--mantine-color-primary-0)'}
strokeWidth={2}
dot={{
stroke: 'var(--mantine-color-primary-0)',
strokeWidth: 0,
fill: 'var(--mantine-color-primary-0)',
}}
/>
<Legend style={{ background: 'var(--mantine-color-search-0)' }} />
</ComposedChart>
</ResponsiveContainer>
@@ -148,22 +148,6 @@ export default function WeatherGraphs({
dataKey={(data: HourlyForecast) => {
return data.relativeHumidity.value;
}}
stroke={'var(--mantine-color-accent-0)'}
strokeWidth={2}
fill={'url(#colorHumidity)'}
dot={{
stroke: 'var(--mantine-color-accent-0)',
strokeWidth: 0,
fill: 'var(--mantine-color-accent-0)',
}}
/>
<Area
unit={'%'}
type='monotone'
name='Precipitation'
dataKey={(data: HourlyForecast) => {
return data.probabilityOfPrecipitation.value;
}}
stroke={'var(--mantine-color-primary-0)'}
strokeWidth={2}
fill={'url(#colorPrecipitation)'}
@@ -173,6 +157,22 @@ export default function WeatherGraphs({
fill: 'var(--mantine-color-primary-0)',
}}
/>
<Area
unit={'%'}
type='monotone'
name='Precipitation'
dataKey={(data: HourlyForecast) => {
return data.probabilityOfPrecipitation.value;
}}
stroke={'var(--mantine-color-accent-0)'}
strokeWidth={2}
fill={'url(#colorHumidity)'}
dot={{
stroke: 'var(--mantine-color-accent-0)',
strokeWidth: 0,
fill: 'var(--mantine-color-accent-0)',
}}
/>
<Legend style={{ background: 'var(--mantine-color-search-0)' }} />
</AreaChart>
</ResponsiveContainer>