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

View File

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

View File

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