diff --git a/src/app/(client-components)/(HeroSearchForm2Mobile)/HeroSearchForm2RealEstateMobile.tsx b/src/app/(client-components)/(HeroSearchForm2Mobile)/HeroSearchForm2RealEstateMobile.tsx new file mode 100644 index 0000000..66170bb --- /dev/null +++ b/src/app/(client-components)/(HeroSearchForm2Mobile)/HeroSearchForm2RealEstateMobile.tsx @@ -0,0 +1,156 @@ +"use client"; + +import { Dialog, Tab, Transition } from "@headlessui/react"; +import { MagnifyingGlassIcon } from "@heroicons/react/24/outline"; +import { XMarkIcon } from "@heroicons/react/24/solid"; +import React, { Fragment, useState } from "react"; +import ButtonSubmit from "./ButtonSubmit"; +import { useTimeoutFn } from "react-use"; +import RealestateSearchForm from "./(real-estate-search-form)/RealestateSearchForm"; + +const HeroSearchForm2RealEstateMobile = () => { + const [showModal, setShowModal] = useState(false); + + // FOR RESET ALL DATA WHEN CLICK CLEAR BUTTON + const [showDialog, setShowDialog] = useState(false); + let [, , resetIsShowingDialog] = useTimeoutFn(() => setShowDialog(true), 1); + // + function closeModal() { + setShowModal(false); + } + + function openModal() { + setShowModal(true); + } + + const renderButtonOpenModal = () => { + return ( + + ); + }; + + return ( +