From 1330c8b537adb4424b54169d32bfebcaed5dbfe2 Mon Sep 17 00:00:00 2001
From: Hrishikesh Vaipurkar <hrishikesh.vaipurkar@scandichotels.com>
Date: Tue, 19 Nov 2024 17:31:34 +0100
Subject: [PATCH] feat: SW-601 Optimized code

---
 .../SelectHotel/FilterAndSortModal/index.tsx           |  2 +-
 .../HotelReservation/SelectHotel/HotelFilter/index.tsx | 10 +++-------
 .../hotelReservation/selectHotel/hotelFilters.ts       |  1 -
 3 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/components/HotelReservation/SelectHotel/FilterAndSortModal/index.tsx b/components/HotelReservation/SelectHotel/FilterAndSortModal/index.tsx
index 40dd606fb..286042ca0 100644
--- a/components/HotelReservation/SelectHotel/FilterAndSortModal/index.tsx
+++ b/components/HotelReservation/SelectHotel/FilterAndSortModal/index.tsx
@@ -62,7 +62,7 @@ export default function FilterAndSortModal({
                   </div>
                   <Divider color="subtle" className="divider" />
                   <div className={styles.filters}>
-                    <HotelFilter filters={filters} type="modal" />
+                    <HotelFilter filters={filters} />
                   </div>
                   <footer className={styles.footer}>
                     <Button
diff --git a/components/HotelReservation/SelectHotel/HotelFilter/index.tsx b/components/HotelReservation/SelectHotel/HotelFilter/index.tsx
index a716ca3a4..c428894a3 100644
--- a/components/HotelReservation/SelectHotel/HotelFilter/index.tsx
+++ b/components/HotelReservation/SelectHotel/HotelFilter/index.tsx
@@ -15,11 +15,7 @@ import styles from "./hotelFilter.module.css"
 
 import type { HotelFiltersProps } from "@/types/components/hotelReservation/selectHotel/hotelFilters"
 
-export default function HotelFilter({
-  className,
-  filters,
-  type,
-}: HotelFiltersProps) {
+export default function HotelFilter({ className, filters }: HotelFiltersProps) {
   const intl = useIntl()
   const searchParams = useSearchParams()
   const pathname = usePathname()
@@ -67,7 +63,7 @@ export default function HotelFilter({
       <Title as="h4">{intl.formatMessage({ id: "Filter by" })}</Title>
       <div className={styles.facilities}>
         <Subtitle>{intl.formatMessage({ id: "Hotel facilities" })}</Subtitle>
-        <ul className={type ? styles.modal : ""}>
+        <ul>
           {filters.facilityFilters.map((filter) => (
             <li key={`li-${filter.id}`} className={styles.filter}>
               <FilterCheckbox
@@ -85,7 +81,7 @@ export default function HotelFilter({
 
       <div className={styles.facilities}>
         <Subtitle>{intl.formatMessage({ id: "Hotel surroundings" })}</Subtitle>
-        <ul className={type ? styles.modal : ""}>
+        <ul>
           {filters.surroundingsFilters.map((filter) => (
             <li key={`li-${filter.id}`} className={styles.filter}>
               <FilterCheckbox
diff --git a/types/components/hotelReservation/selectHotel/hotelFilters.ts b/types/components/hotelReservation/selectHotel/hotelFilters.ts
index ba66aaf81..fbfd926cf 100644
--- a/types/components/hotelReservation/selectHotel/hotelFilters.ts
+++ b/types/components/hotelReservation/selectHotel/hotelFilters.ts
@@ -7,7 +7,6 @@ export type CategorizedFilters = {
 export type HotelFiltersProps = {
   filters: CategorizedFilters
   className?: string
-  type?: "modal"
 }
 
 export type Filter = {