gib/rent_portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Good start

Browse Source
This commit is contained in:
Gabriel Brown
2024-11-29 14:02:50 -06:00
parent 02628e02ab
commit 04a6322b55
71 changed files with 157 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
src/app/layout.tsx Normal file → Executable file
View File

@@ -2,16 +2,12 @@ import "~/styles/globals.css";
import { Inter as FontSans } from "next/font/google";
import { cn } from "~/lib/utils"
import { auth } from "~/auth"
import Sign_In_Apple_Button from "~/components/auth/server/SignInAppleButton"
import Title from "~/components/home/Title"
import First_Sign_In_Form from "~/components/auth/FirstSignInForm"
import { SessionProvider } from "next-auth/react";
import Theme_Provider from "~/components/theme/theme_provider"
import Hero from "~/components/home/Hero"
import Nav_Bar from "~/components/home/NavBar"
import Avatar_Popover from "~/components/auth/AvatarPopover"
import Theme_Toggle from "~/components/theme/theme_toggle"
import { type Metadata } from "next";
import Theme_Toggle from '~/components/theme/theme_toggle'
import { Button } from "~/components/ui/button"
import Link from 'next/link'
export const metadata: Metadata = {
title: "Tenant Portal",
@@ -29,76 +25,75 @@ export default async function RootLayout({
}: Readonly<{ children: React.ReactNode }>) {
const session = await auth();
if (!session?.user) {
return (
<html lang="en">
<body
className={cn(
"min-h-screen bg-background font-sans antialiased",
fontSans.variable)}
>
<Theme_Provider
attribute="class"
defaultTheme="system"
enableSystem={true}
disableTransitionOnChange={true}
>
<SessionProvider>
<main className="min-h-screen">
<div className="w-full justify-end items-end p-3 flex flex-col">
<Theme_Toggle />
</div>
<div className="w-full flex flex-col justify-center items-center">
<Title />
<Sign_In_Apple_Button />
</div>
</main>
{children}
</SessionProvider>
</Theme_Provider>
</body>
</html>
);
} else {
const users_email = session.user.email ?? "";
const users_name = session.user.name ?? "New User";
return (
<html lang="en">
<body
className={cn(
"min-h-screen bg-background font-sans antialiased",
fontSans.variable)}
>
<Theme_Provider
attribute="class"
defaultTheme="system"
enableSystem={true}
disableTransitionOnChange={true}
>
<SessionProvider>
<div className="w-11/12 flex flex-col mx-auto">
< First_Sign_In_Form users_name={users_name} users_email={users_email} />
</div>
<div className="flex flex-row p-4">
<div className="w-1/6 md:w-1/4 p-4">
<div className="flex flex-col">
<Hero />
<Nav_Bar />
</div>
</div>
{children}
<div className="w-1/12 p-4 flex flex-row justify-end">
<div className="pb-1 px-4">
<Theme_Toggle />
</div>
<div className="w-auto">
<Avatar_Popover />
</div>
</div>
</div>
</SessionProvider>
</Theme_Provider>
</body>
</html>
);
}
return (
<html lang="en">
<body
className={cn(
"min-h-screen bg-background font-sans antialiased",
fontSans.variable)}
>
<Theme_Provider
attribute="class"
defaultTheme="system"
enableSystem={true}
disableTransitionOnChange={true}
>
<SessionProvider>
<div className="flex flex-col min-h-screen">
<header className="bg-background shadow-sm">
<div className="container mx-auto px-4 py-4 flex justify-between items-center">
<Link href="/" className="text-2xl:md font-bold text-primary">Magnolia Coast Properties</Link>
<nav className="hidden md:flex space-x-2 lg:space-x-4 text-sm lg:text-lg">
<Link href="#" className="text-gray-600 hover:text-primary">Home</Link>
<Link href="#" className="text-gray-600 hover:text-primary">Properties</Link>
<Link href="#" className="text-gray-600 hover:text-primary">Services</Link>
<Link href="#" className="text-gray-600 hover:text-primary">About</Link>
<Link href="#" className="text-gray-600 hover:text-primary">Contact</Link>
</nav>
<div className="flex space-x-2">
<Theme_Toggle/>
<Button variant="outline">Login</Button>
<Button>Register</Button>
</div>
</div>
</header>
{children}
<footer className="bg-background text-primary py-8">
<div className="container mx-auto px-4">
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<h3 className="text-xl font-bold mb-4">Magnolia Coast Property Management</h3>
<p>Your trusted partner in property management</p>
</div>
<div>
<h4 className="text-lg font-semibold mb-4">Quick Links</h4>
<ul className="space-y-2">
<li><Link href="#" className="hover:text-primary-foreground">Home</Link></li>
<li><Link href="#" className="hover:text-primary-foreground">Properties</Link></li>
<li><Link href="#" className="hover:text-primary-foreground">Services</Link></li>
<li><Link href="#" className="hover:text-primary-foreground">About Us</Link></li>
<li><Link href="#" className="hover:text-primary-foreground">Contact</Link></li>
</ul>
</div>
<div>
<h4 className="text-lg font-semibold mb-4">Contact Us</h4>
<p>123 Property Street</p>
<p>City, State 12345</p>
<p>Phone: (123) 456-7890</p>
<p>Email: info@propertypro.com</p>
</div>
</div>
<div className="mt-8 text-center">
<p>&copy; 2024 Magnolia Coast Property Management LLC. All rights reserved.</p>
</div>
</div>
</footer>
</div>
</SessionProvider>
</Theme_Provider>
</body>
</html>
);
}