4.88
4.88
+
Beach and sea views
+ marginTop: '0.2rem', + fontSize: '0.8rem', + color: 'var(--font-grey)', + }}> 19-25 May
-+
850€ night
diff --git a/src/components/Card/cards.js b/src/components/Card/cards.js index 1758982..4fb47ba 100644 --- a/src/components/Card/cards.js +++ b/src/components/Card/cards.js @@ -1,6 +1,6 @@ -import React from "react"; -import styles from "./index.module.scss"; -import Card from "./card"; +import React from 'react'; +import styles from './index.module.scss'; +import Card from './card'; const Cards = () => { return ( diff --git a/src/components/Location/index.js b/src/components/Location/index.js index fd1e9d2..d75a1e8 100644 --- a/src/components/Location/index.js +++ b/src/components/Location/index.js @@ -1,46 +1,62 @@ - - import React, { useState } from "react"; -// import Input from "../UI/Input"; import "./index.scss"; const Index = () => { + // État pour gérer si l'input a été cliqué const [isInputClicked, setInputClicked] = useState(false); + + // État pour gérer la visibilité des options const [isOptionsVisible, setOptionsVisible] = useState(false); + + // État pour gérer la distance const [distance, setDistance] = useState(30); + + // État pour gérer si "Autour de moi" est sélectionné const [isAroundMeSelected, setAroundMeSelected] = useState(false); + // Fonction pour afficher les options const showOptions = () => { setOptionsVisible(true); }; + // Fonction pour masquer les options const hideOptions = () => { setOptionsVisible(false); }; + // Gestionnaire de clic sur l'input const handleInputClick = () => { setInputClicked(true); showOptions(); }; + // Fonction pour effacer les filtres const clearFilters = () => { - alert("Filtres effacés !"); + // Réinitialiser les états et masquer les options + setInputClicked(false); + setOptionsVisible(false); + setAroundMeSelected(false); + setDistance(30); }; + // Fonction pour appliquer les filtres const applyFilters = () => { alert("Filtres validés !"); }; + // Gestionnaire de changement de la distance const handleDistanceChange = (event) => { setDistance(event.target.value); }; + // Gestionnaire de clic sur "Autour de moi" const handleAroundMeClick = () => { setAroundMeSelected(!isAroundMeSelected); }; return (Lorem ipsum dolor sit amet.
diff --git a/src/pages/login/index.js b/src/pages/login/index.js index cf3c86b..4e1fb11 100644 --- a/src/pages/login/index.js +++ b/src/pages/login/index.js @@ -1,11 +1,10 @@ import React from 'react'; function Index() { - - return ( -