Browse Source

🚀 Added StaySearchForm component

📝 Implemented basic form structure
🎨 Styled form layout
🧑‍💻 Updated component with TypeScript
🔧 Fixed minor issues in StaySearchForm component
🔥 Removed unused imports in StaySearchForm component
💄 Improved UI for StaySearchForm
 Tested StaySearchForm component
📦 Completed StaySearchForm implementation
main
John Doe 1 year ago
parent
commit
9280c8b99a
  1. 22
      src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StaySearchForm.tsx

22
src/app/(client-components)/(HeroSearchForm)/(stay-search-form)/StaySearchForm.tsx

@ -0,0 +1,22 @@
import React, { FC } from "react";
import LocationInput from "../LocationInput";
import GuestsInput from "../GuestsInput";
import StayDatesRangeInput from "./StayDatesRangeInput";
const StaySearchForm: FC<{}> = ({}) => {
const renderForm = () => {
return (
<form className="w-full relative mt-8 flex rounded-full shadow-xl dark:shadow-2xl bg-white dark:bg-neutral-800 ">
<LocationInput className="flex-[1.5]" />
<div className="self-center border-r border-slate-200 dark:border-slate-700 h-8"></div>
<StayDatesRangeInput className="flex-1" />
<div className="self-center border-r border-slate-200 dark:border-slate-700 h-8"></div>
<GuestsInput className="flex-1" />
</form>
);
};
return renderForm();
};
export default StaySearchForm;
Loading…
Cancel
Save