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 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 (
<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-wizard/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-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
</Link>
</div>
</main>
<WebSiteFooter />
</LayoutGuest>
);
return (
<div className='flex min-h-screen flex-col'>
<Head>
<title>Start Your Search | RentWhiz</title>
</Head>
<WebSiteHeader projectName={projectName} />
<main className='container mx-auto flex-grow py-10 text-center'>
<h1 className='mb-8 text-4xl font-bold'>Start Your Search</h1>
<div className='flex justify-center space-x-4'>
<Link
href='/search-wizard/place'
className='rounded-lg bg-blue-600 px-8 py-4 text-white hover:bg-blue-700'
>
I&apos;m Looking for a Place
</Link>
<Link
href='/search-wizard/roommate'
className='rounded-lg bg-green-600 px-8 py-4 text-white hover:bg-green-700'
>
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 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 (
<LayoutGuest>
<div className='flex min-h-screen flex-col'>
<Head>
<title>Find a Place | RentWhiz</title>
</Head>
<WebSiteHeader />
<main className="flex-grow container mx-auto py-10">
<h1 className="text-3xl font-bold mb-6">Property & Roommate Preferences</h1>
{/* Render form fields here */}
<div className="p-6 bg-white rounded-lg shadow">
<h2 className="text-xl mb-4">Property Preferences</h2>
{/* Add form inputs */}
<h2 className="text-xl mt-6 mb-4">Roommate Preferences</h2>
{/* Add form inputs */}
<WebSiteHeader projectName={projectName} />
<main className='container mx-auto flex-grow py-10'>
<h1 className='mb-6 text-3xl font-bold'>Property &amp; Roommate Preferences</h1>
<div className='rounded-lg bg-white p-6 shadow'>
<h2 className='mb-4 text-xl'>Property Preferences</h2>
<p className='text-sm text-gray-600'>
Amenities available to choose from: {Array.isArray(amenities) ? amenities.length : 0}
</p>
<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>
</main>
<WebSiteFooter />
</LayoutGuest>
<WebSiteFooter projectName={projectName} />
</div>
);
}