From 4c27d6151dcc7e9ccbf9f22e422d5bff8b0dc5ce Mon Sep 17 00:00:00 2001
From: Stefano Verzegnassi <stefano@sverzegnassi.me>
Date: Sun, 31 Dec 2023 06:10:02 +0100
Subject: [PATCH] Fixing types

---
 src/pages/RandomNeutralColor.tsx | 6 +++---
 src/pages/ThemeGenerator.tsx     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/RandomNeutralColor.tsx b/src/pages/RandomNeutralColor.tsx
index dd8ce0f..9d1b931 100644
--- a/src/pages/RandomNeutralColor.tsx
+++ b/src/pages/RandomNeutralColor.tsx
@@ -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>
@@ -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>
diff --git a/src/pages/ThemeGenerator.tsx b/src/pages/ThemeGenerator.tsx
index bed2081..6d82749 100644
--- a/src/pages/ThemeGenerator.tsx
+++ b/src/pages/ThemeGenerator.tsx
@@ -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>