diff --git a/frontend/src/pages/search-wizard.tsx b/frontend/src/pages/search-wizard.tsx deleted file mode 100644 index 29ea4fb..0000000 --- a/frontend/src/pages/search-wizard.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react'; -import Head from 'next/head'; -import LayoutGuest from '../layouts/Guest'; -import WebSiteHeader from '../components/WebPageComponents/Header'; -import WebSiteFooter from '../components/WebPageComponents/Footer'; -import Link from 'next/link'; - -export default function SearchWizardPage() { - return ( - - - Start Your Search | RentWhiz - - -
-

Start Your Search

-
- - I'm Looking for a Place - - - I'm Looking for a Roommate - -
-
- - - ); -} \ No newline at end of file diff --git a/frontend/src/pages/search-wizard/index.tsx b/frontend/src/pages/search-wizard/index.tsx index 461f557..cf23836 100644 --- a/frontend/src/pages/search-wizard/index.tsx +++ b/frontend/src/pages/search-wizard/index.tsx @@ -1,29 +1,43 @@ import React from 'react'; +import type { ReactElement } from 'react'; import Head from 'next/head'; +import Link from 'next/link'; + import LayoutGuest from '../../layouts/Guest'; import WebSiteHeader from '../../components/WebPageComponents/Header'; import WebSiteFooter from '../../components/WebPageComponents/Footer'; -import Link from 'next/link'; + +const projectName = 'RentWhizDev'; export default function SearchWizardPage() { - return ( - - - Start Your Search | RentWhiz - - -
-

Start Your Search

-
- - I'm Looking for a Place - - - I'm Looking for a Roommate - -
-
- - - ); + return ( +
+ + Start Your Search | RentWhiz + + +
+

Start Your Search

+
+ + I'm Looking for a Place + + + I'm Looking for a Roommate + +
+
+ +
+ ); } + +SearchWizardPage.getLayout = function getLayout(page: ReactElement) { + return {page}; +}; diff --git a/frontend/src/pages/search-wizard/place.tsx b/frontend/src/pages/search-wizard/place.tsx index 5fd99a2..3c548b5 100644 --- a/frontend/src/pages/search-wizard/place.tsx +++ b/frontend/src/pages/search-wizard/place.tsx @@ -1,40 +1,45 @@ import React, { useEffect } from 'react'; import type { ReactElement } from 'react'; import Head from 'next/head'; -import LayoutGuest from '../../../layouts/Guest'; -import WebSiteHeader from '../../../components/WebPageComponents/Header'; -import WebSiteFooter from '../../../components/WebPageComponents/Footer'; -import { useAppDispatch, useAppSelector } from '../../../stores/hooks'; -import { getAmenities } from '../../../stores/amenities/amenitiesSlice'; -// Import other required slices for house rules/hobbies here if needed + +import LayoutGuest from '../../layouts/Guest'; +import WebSiteHeader from '../../components/WebPageComponents/Header'; +import WebSiteFooter from '../../components/WebPageComponents/Footer'; +import { fetch as fetchAmenities } from '../../stores/amenities/amenitiesSlice'; +import { useAppDispatch, useAppSelector } from '../../stores/hooks'; + +const projectName = 'RentWhizDev'; export default function SearchWizardPlacePage() { const dispatch = useAppDispatch(); const { amenities } = useAppSelector((state) => state.amenities); useEffect(() => { - dispatch(getAmenities()); - // Dispatch other necessary actions here + dispatch(fetchAmenities({})); }, [dispatch]); return ( - +
Find a Place | RentWhiz - -
-

Property & Roommate Preferences

- {/* Render form fields here */} -
-

Property Preferences

- {/* Add form inputs */} -

Roommate Preferences

- {/* Add form inputs */} + +
+

Property & Roommate Preferences

+
+

Property Preferences

+

+ Amenities available to choose from: {Array.isArray(amenities) ? amenities.length : 0} +

+ +

Roommate Preferences

+

+ This page is ready for the next step: wiring the actual preference form fields. +

- - + +
); }