Refactor UI components in invest, home pages and create deals page

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-09-11 20:26:28 +07:00
parent 061bfefc35
commit d0b5ebe962
5 changed files with 18 additions and 4 deletions

14
src/app/deals/page.tsx Normal file
View File

@ -0,0 +1,14 @@
"use client";
export default function Deals(){
return (
<div>
<div className=" w-full h-[350px] mt-10 ml-[15%]">
<h1 className="text-4xl font-bold">Investment Opportunities </h1>
<br />
<p>Browse current investment opportunities on Republic. </p>
<p>All companies are <u>vetted & pass due diligence.</u></p>
</div>
</div>
);
}

View File

@ -3,7 +3,7 @@ import { Montserrat } from "next/font/google";
import { ThemeProvider } from "@/components/theme-provider";
import "@/app/globals.css";
import { UnsignedNav } from "@/components/navigationBar/Unsigned";
import { NavigationBar } from "@/components/navigationBar/nav";
const montserrat = Montserrat({
subsets: ["latin"],
@ -29,7 +29,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
<body className={`${montserrat.className}`}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<div className="relative flex min-h-screen flex-col">
<UnsignedNav />
<NavigationBar />
<div className="flex-1 bg-background">{children}</div>
</div>
</ThemeProvider>

View File

@ -9,7 +9,7 @@ import {
CardTitle,
} from "@/components/ui/card";
import { Separator } from "@/components/ui/separator";
import { ExtendableCard } from "@/components/extendable-card";
import { ExtendableCard } from "@/components/extendableCard";
export default function Home() {
return (

View File

@ -85,7 +85,7 @@ const authenticatedComponents = () => {
);
};
export function UnsignedNav() {
export function NavigationBar() {
const { session, loading } = useSession();
const user = session?.user;
const [sessionLoaded, setSessionLoaded] = React.useState(false);