From f120f1f8fb39207ff1547806083d3969cfdfc158 Mon Sep 17 00:00:00 2001
From: sergesoroka <sergesoroka@gmail.com>
Date: Wed, 13 Nov 2024 13:09:18 +0200
Subject: [PATCH] corrected spelling

---
 components/ImageSelect/ImageSelect.jsx | 19 ++++++++++---------
 components/Sidebar/Sidebar.jsx         |  2 +-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/components/ImageSelect/ImageSelect.jsx b/components/ImageSelect/ImageSelect.jsx
index b132d7a..5a3eda8 100755
--- a/components/ImageSelect/ImageSelect.jsx
+++ b/components/ImageSelect/ImageSelect.jsx
@@ -1,9 +1,6 @@
 /* eslint-disable react/prop-types */
 import { Navigate } from "react-router-dom";
 export default function ImageSelect({ data, imageSelected, setImageSelected }) {
-
-
-
   const renderImageSelect =
     data &&
     data.map((img, i) => (
@@ -12,8 +9,9 @@ export default function ImageSelect({ data, imageSelected, setImageSelected }) {
         onClick={() => {
           setImageSelected(img.value);
         }}
-        className={`${imageSelected == img.value ? "imageSelected" : "imageNonSelected"
-          }`}
+        className={`${
+          imageSelected == img.value ? "imageSelected" : "imageNonSelected"
+        }`}
       >
         {imageSelected && (
           <Navigate to={`?domain=${imageSelected}`} replace={true} />
@@ -21,10 +19,13 @@ export default function ImageSelect({ data, imageSelected, setImageSelected }) {
 
         <img src={img.imageLink} width={200} height={"auto"} />
         <p className="imgCaption">
-          {img.score &&
-            <span style={{ color: "#D20003", fontSize: "12px" }}>{parseFloat(img.score).toFixed(3)}&nbsp;&nbsp;<span style={{ color: "#000" }}>|</span>&nbsp;&nbsp;</span>}
+          {img.score && (
+            <span style={{ color: "#D20003", fontSize: "12px" }}>
+              {parseFloat(img.score).toFixed(3)}&nbsp;&nbsp;
+              <span style={{ color: "#000" }}>|</span>&nbsp;&nbsp;
+            </span>
+          )}
           <span>{img.text}</span>
-
         </p>
       </div>
     ));
@@ -36,7 +37,7 @@ export default function ImageSelect({ data, imageSelected, setImageSelected }) {
       {data && data.length > 0 ? (
         renderImageSelect
       ) : (
-        <p style={{ color: "darkred" }}>Sorry, no data avaible</p>
+        <p style={{ color: "darkred" }}>Sorry, no data available</p>
       )}
     </div>
   );
diff --git a/components/Sidebar/Sidebar.jsx b/components/Sidebar/Sidebar.jsx
index ed272ae..89e3086 100755
--- a/components/Sidebar/Sidebar.jsx
+++ b/components/Sidebar/Sidebar.jsx
@@ -10,7 +10,7 @@ import Sample from "../Sample/Sample";
 import UploadFile from "../UploadFile/UploadFile";
 import Wavelengths from "../Wavelengths/Wavelengths";
 
-const errorMsg = "Sorry, no data avaible";
+const errorMsg = "Sorry, no data available";
 
 export default function Sidebar({
   reference,