Skip to content

Commit

Permalink
Fixing types
Browse files Browse the repository at this point in the history
  • Loading branch information
sverzegnassi committed Dec 31, 2023
1 parent ceea4f9 commit 4c27d61
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
6 changes: 3 additions & 3 deletions src/pages/RandomNeutralColor.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -52,11 +52,11 @@ function RandomNeutralColorPage() {
<Stack direction="row" spacing={2}>
<div>
<Typography gutterBottom>Light Color Stop: {lightColorStop}</Typography>
<Slider value={lightColorStop} min={0} max={100} onChange={(_e, value) => setLightColorStop(value)} />
<Slider value={lightColorStop} min={0} max={100} onChange={(_e, value) => setLightColorStop(value as number)} />
</div>
<div>
<Typography gutterBottom>Dark Color Stop: {darkColorStop}</Typography>
<Slider value={darkColorStop} min={0} max={100} onChange={(_e, value) => setDarkColorStop(value)} />
<Slider value={darkColorStop} min={0} max={100} onChange={(_e, value) => setDarkColorStop(value as number)} />
</div>
<FormControl>
<FormLabel id="basecolor-group-label">Base Color: {hue}</FormLabel>
Expand Down Expand Up @@ -93,7 +93,7 @@ function RandomNeutralColorPage() {
</Button>
<div>
<Typography gutterBottom>Saturation: {saturation}</Typography>
<Slider value={saturation} min={0} max={100} onChange={(_e, value) => setSaturation(value)} />
<Slider value={saturation} min={0} max={100} onChange={(_e, value) => setSaturation(value as number)} />
</div>
</Stack>
</Container>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/ThemeGenerator.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ function ThemeGeneratorPage() {
/>
<div>
<Typography gutterBottom>Yellow drift: {yellowDrift}</Typography>
<Slider value={yellowDrift} min={125} max={255} onChange={(_e, value) => setYellowDrift(value)} />
<Slider value={yellowDrift} min={125} max={255} onChange={(_e, value) => setYellowDrift(value as number)} />
</div>
<Button onClick={() => exportTailwindConfig(generatedTheme)}>Export Tailwind Config</Button>
</Stack>
Expand Down

0 comments on commit 4c27d61

Please sign in to comment.