From d0e3704ed6a2c08eede388e353bcf76880873411 Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Tue, 6 Aug 2024 14:07:41 +0200
Subject: [PATCH] fix: missing id/name on custom select input

---
 src/components/Select/index.tsx | 8 +++++++-
 src/pages/home/index.tsx        | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Select/index.tsx b/src/components/Select/index.tsx
index 4667def..c5c39e8 100644
--- a/src/components/Select/index.tsx
+++ b/src/components/Select/index.tsx
@@ -62,11 +62,15 @@ interface SelectItemProps<T extends string> {
 interface SelectProps<T extends string> {
   setValue: React.Dispatch<React.SetStateAction<T>>
   options: SelectItemProps<T>[]
+  name?: string
+  id?: string
 }
 
 export function Select<T extends string>({
   setValue,
-  options
+  options,
+  name,
+  id
 }: SelectProps<T>) {
   const handleChange = (event: SelectChangeEvent<unknown>) => {
     setValue(event.target.value as T)
@@ -75,6 +79,8 @@ export function Select<T extends string>({
   return (
     <FormControl>
       <SelectCustomized
+        id={id}
+        name={name}
         size="small"
         variant="outlined"
         defaultValue={options[0].value as string}
diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
index e765110..37951f0 100644
--- a/src/pages/home/index.tsx
+++ b/src/pages/home/index.tsx
@@ -109,6 +109,7 @@ export const HomePage = () => {
         {isFilterVisible && (
           <>
             <Select
+              name={'filter-select'}
               setValue={setFilter}
               options={FILTERS.map((f) => {
                 return {
@@ -118,6 +119,7 @@ export const HomePage = () => {
               })}
             />
             <Select
+              name={'sort-select'}
               setValue={setSort}
               options={SORT_BY.map((s) => {
                 return { ...s }