From 0e897433f100ee4d764df8203c1cdf05dd73c259 Mon Sep 17 00:00:00 2001
From: Andre Miras <andre.miras@gmail.com>
Date: Sun, 8 Dec 2024 20:48:20 +0100
Subject: [PATCH] :children_crossing: Temperature adjuster -/+ increment icons

---
 src/components/TemperatureAdjuster.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/TemperatureAdjuster.tsx b/src/components/TemperatureAdjuster.tsx
index 2895dd4..4c8c5b9 100644
--- a/src/components/TemperatureAdjuster.tsx
+++ b/src/components/TemperatureAdjuster.tsx
@@ -1,4 +1,5 @@
-import { FormControl, InputGroup } from "react-bootstrap";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Button, FormControl, InputGroup } from "react-bootstrap";
 
 const TemperatureAdjuster = ({
   currentTemperature,
@@ -10,12 +11,18 @@ const TemperatureAdjuster = ({
   loading: boolean;
 }) => (
   <InputGroup className="mb-3">
+    <Button onClick={() => onTemperatureChange(currentTemperature - 0.5)}>
+      <FontAwesomeIcon icon={"minus"} />
+    </Button>
     <FormControl
       type="number"
       value={currentTemperature}
       onChange={(e) => onTemperatureChange(Number(e.target.value))}
       disabled={loading}
     />
+    <Button onClick={() => onTemperatureChange(currentTemperature + 0.5)}>
+      <FontAwesomeIcon icon={"plus"} />
+    </Button>
   </InputGroup>
 );