feat: SW-601 Optimized code
This commit is contained in:
@@ -62,7 +62,7 @@ export default function FilterAndSortModal({
|
|||||||
</div>
|
</div>
|
||||||
<Divider color="subtle" className="divider" />
|
<Divider color="subtle" className="divider" />
|
||||||
<div className={styles.filters}>
|
<div className={styles.filters}>
|
||||||
<HotelFilter filters={filters} type="modal" />
|
<HotelFilter filters={filters} />
|
||||||
</div>
|
</div>
|
||||||
<footer className={styles.footer}>
|
<footer className={styles.footer}>
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
@@ -15,11 +15,7 @@ import styles from "./hotelFilter.module.css"
|
|||||||
|
|
||||||
import type { HotelFiltersProps } from "@/types/components/hotelReservation/selectHotel/hotelFilters"
|
import type { HotelFiltersProps } from "@/types/components/hotelReservation/selectHotel/hotelFilters"
|
||||||
|
|
||||||
export default function HotelFilter({
|
export default function HotelFilter({ className, filters }: HotelFiltersProps) {
|
||||||
className,
|
|
||||||
filters,
|
|
||||||
type,
|
|
||||||
}: HotelFiltersProps) {
|
|
||||||
const intl = useIntl()
|
const intl = useIntl()
|
||||||
const searchParams = useSearchParams()
|
const searchParams = useSearchParams()
|
||||||
const pathname = usePathname()
|
const pathname = usePathname()
|
||||||
@@ -67,7 +63,7 @@ export default function HotelFilter({
|
|||||||
<Title as="h4">{intl.formatMessage({ id: "Filter by" })}</Title>
|
<Title as="h4">{intl.formatMessage({ id: "Filter by" })}</Title>
|
||||||
<div className={styles.facilities}>
|
<div className={styles.facilities}>
|
||||||
<Subtitle>{intl.formatMessage({ id: "Hotel facilities" })}</Subtitle>
|
<Subtitle>{intl.formatMessage({ id: "Hotel facilities" })}</Subtitle>
|
||||||
<ul className={type ? styles.modal : ""}>
|
<ul>
|
||||||
{filters.facilityFilters.map((filter) => (
|
{filters.facilityFilters.map((filter) => (
|
||||||
<li key={`li-${filter.id}`} className={styles.filter}>
|
<li key={`li-${filter.id}`} className={styles.filter}>
|
||||||
<FilterCheckbox
|
<FilterCheckbox
|
||||||
@@ -85,7 +81,7 @@ export default function HotelFilter({
|
|||||||
|
|
||||||
<div className={styles.facilities}>
|
<div className={styles.facilities}>
|
||||||
<Subtitle>{intl.formatMessage({ id: "Hotel surroundings" })}</Subtitle>
|
<Subtitle>{intl.formatMessage({ id: "Hotel surroundings" })}</Subtitle>
|
||||||
<ul className={type ? styles.modal : ""}>
|
<ul>
|
||||||
{filters.surroundingsFilters.map((filter) => (
|
{filters.surroundingsFilters.map((filter) => (
|
||||||
<li key={`li-${filter.id}`} className={styles.filter}>
|
<li key={`li-${filter.id}`} className={styles.filter}>
|
||||||
<FilterCheckbox
|
<FilterCheckbox
|
||||||
|
|||||||
@@ -7,7 +7,6 @@ export type CategorizedFilters = {
|
|||||||
export type HotelFiltersProps = {
|
export type HotelFiltersProps = {
|
||||||
filters: CategorizedFilters
|
filters: CategorizedFilters
|
||||||
className?: string
|
className?: string
|
||||||
type?: "modal"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export type Filter = {
|
export type Filter = {
|
||||||
|
|||||||
Reference in New Issue
Block a user