admin/39234-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Flatlogic Bot 2026-04-08 16:14:30 +00:00
parent b36e32b692
commit 4a3dea6e8c
3 changed files with 60 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/pages/search-wizard.tsx
View File

@ -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 (
<LayoutGuest>
<Head>
<title>Start Your Search | RentWhiz</title>
</Head>
<WebSiteHeader />
<main className="flex-grow container mx-auto py-10 text-center">
<h1 className="text-4xl font-bold mb-8">Start Your Search</h1>
<div className="flex justify-center space-x-4">
<Link href="/search?mode=place" className="px-8 py-4 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
I&apos;m Looking for a Place
</Link>
<Link href="/search?mode=roommate" className="px-8 py-4 bg-green-600 text-white rounded-lg hover:bg-green-700">
I&apos;m Looking for a Roommate
</Link>
</div>
</main>
<WebSiteFooter />
</LayoutGuest>
);
}

56
frontend/src/pages/search-wizard/index.tsx
View File

@ -1,29 +1,43 @@
import React from 'react'; import React from 'react';
import type { ReactElement } from 'react';
import Head from 'next/head'; import Head from 'next/head';
import Link from 'next/link';
import LayoutGuest from '../../layouts/Guest'; import LayoutGuest from '../../layouts/Guest';
import WebSiteHeader from '../../components/WebPageComponents/Header'; import WebSiteHeader from '../../components/WebPageComponents/Header';
import WebSiteFooter from '../../components/WebPageComponents/Footer'; import WebSiteFooter from '../../components/WebPageComponents/Footer';
import Link from 'next/link';
const projectName = 'RentWhizDev';
export default function SearchWizardPage() { export default function SearchWizardPage() {
return ( return (
<LayoutGuest> <div className='flex min-h-screen flex-col'>
<Head> <Head>
<title>Start Your Search | RentWhiz</title> <title>Start Your Search | RentWhiz</title>
</Head> </Head>
<WebSiteHeader /> <WebSiteHeader projectName={projectName} />
<main className="flex-grow container mx-auto py-10 text-center"> <main className='container mx-auto flex-grow py-10 text-center'>
<h1 className="text-4xl font-bold mb-8">Start Your Search</h1> <h1 className='mb-8 text-4xl font-bold'>Start Your Search</h1>
<div className="flex justify-center space-x-4"> <div className='flex justify-center space-x-4'>
<Link href="/search-wizard/place" className="px-8 py-4 bg-blue-600 text-white rounded-lg hover:bg-blue-700"> <Link
I&apos;m Looking for a Place href='/search-wizard/place'
</Link> className='rounded-lg bg-blue-600 px-8 py-4 text-white hover:bg-blue-700'
<Link href="/search-wizard/roommate" className="px-8 py-4 bg-green-600 text-white rounded-lg hover:bg-green-700"> >
I&apos;m Looking for a Roommate I&apos;m Looking for a Place
</Link> </Link>
</div> <Link
</main> href='/search-wizard/roommate'
<WebSiteFooter /> className='rounded-lg bg-green-600 px-8 py-4 text-white hover:bg-green-700'
</LayoutGuest> >
); I&apos;m Looking for a Roommate
</Link>
</div>
</main>
<WebSiteFooter projectName={projectName} />
</div>
);
} }
SearchWizardPage.getLayout = function getLayout(page: ReactElement) {
return <LayoutGuest>{page}</LayoutGuest>;
};

45
frontend/src/pages/search-wizard/place.tsx
View File

@ -1,40 +1,45 @@
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import type { ReactElement } from 'react'; import type { ReactElement } from 'react';
import Head from 'next/head'; import Head from 'next/head';
import LayoutGuest from '../../../layouts/Guest';
import WebSiteHeader from '../../../components/WebPageComponents/Header'; import LayoutGuest from '../../layouts/Guest';
import WebSiteFooter from '../../../components/WebPageComponents/Footer'; import WebSiteHeader from '../../components/WebPageComponents/Header';
import { useAppDispatch, useAppSelector } from '../../../stores/hooks'; import WebSiteFooter from '../../components/WebPageComponents/Footer';
import { getAmenities } from '../../../stores/amenities/amenitiesSlice'; import { fetch as fetchAmenities } from '../../stores/amenities/amenitiesSlice';
// Import other required slices for house rules/hobbies here if needed import { useAppDispatch, useAppSelector } from '../../stores/hooks';
const projectName = 'RentWhizDev';
export default function SearchWizardPlacePage() { export default function SearchWizardPlacePage() {
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
const { amenities } = useAppSelector((state) => state.amenities); const { amenities } = useAppSelector((state) => state.amenities);
useEffect(() => { useEffect(() => {
dispatch(getAmenities()); dispatch(fetchAmenities({}));
// Dispatch other necessary actions here
}, [dispatch]); }, [dispatch]);
return ( return (
<LayoutGuest> <div className='flex min-h-screen flex-col'>
<Head> <Head>
<title>Find a Place | RentWhiz</title> <title>Find a Place | RentWhiz</title>
</Head> </Head>
<WebSiteHeader /> <WebSiteHeader projectName={projectName} />
<main className="flex-grow container mx-auto py-10"> <main className='container mx-auto flex-grow py-10'>
<h1 className="text-3xl font-bold mb-6">Property & Roommate Preferences</h1> <h1 className='mb-6 text-3xl font-bold'>Property &amp; Roommate Preferences</h1>
{/* Render form fields here */} <div className='rounded-lg bg-white p-6 shadow'>
<div className="p-6 bg-white rounded-lg shadow"> <h2 className='mb-4 text-xl'>Property Preferences</h2>
<h2 className="text-xl mb-4">Property Preferences</h2> <p className='text-sm text-gray-600'>
{/* Add form inputs */} Amenities available to choose from: {Array.isArray(amenities) ? amenities.length : 0}
<h2 className="text-xl mt-6 mb-4">Roommate Preferences</h2> </p>
{/* Add form inputs */}
<h2 className='mb-4 mt-6 text-xl'>Roommate Preferences</h2>
<p className='text-sm text-gray-600'>
This page is ready for the next step: wiring the actual preference form fields.
</p>
</div> </div>
</main> </main>
<WebSiteFooter /> <WebSiteFooter projectName={projectName} />
</LayoutGuest> </div>
); );
} }