From 0c80782ced30da420f7a57350e5f721099c94e5b Mon Sep 17 00:00:00 2001
From: Aditya <adityasahoo652@gmail.com>
Date: Wed, 12 Feb 2025 18:58:17 +0530
Subject: [PATCH] fix: set default loading state to false and add aria-label
 for accessibility in Selectable component

---
 frontend/src/app-components/inputs/Selectable.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app-components/inputs/Selectable.tsx b/frontend/src/app-components/inputs/Selectable.tsx
index 58825430..d744c734 100644
--- a/frontend/src/app-components/inputs/Selectable.tsx
+++ b/frontend/src/app-components/inputs/Selectable.tsx
@@ -73,7 +73,7 @@ const Selectable: FC<SelectableProps> = ({
   placeholder = "",
   onChange,
   onSelect,
-  loading,
+  loading = false,
 }) => {
   const [text, setText] = useState(defaultValue || "");
   const editableRef = useRef<HTMLDivElement>(null);
@@ -218,6 +218,7 @@ const Selectable: FC<SelectableProps> = ({
                 top: "20%",
                 transform: "translateY(-20%)",
               }} 
+              aria-label="loading"
             />
           ) : null
         }