+
,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+ span]:line-clamp-1",
+ className
+ )}
+ {...props}
+ >
+ {children}
+
+
+
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+))
+SelectScrollDownButton.displayName =
+ SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, position = "popper", ...props }, ref) => (
+
+
+
+ {children}
+
+
+
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+
+
+
+
+ {children}
+
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ) {
+ return (
+
+ )
+}
+
+export { Skeleton }
diff --git a/src/lib/supabase/useSession.ts b/src/lib/supabase/useSession.ts
new file mode 100644
index 0000000..c4bb61e
--- /dev/null
+++ b/src/lib/supabase/useSession.ts
@@ -0,0 +1,27 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { createSupabaseClient } from "./clientComponentClient";
+import { Session } from "@supabase/supabase-js";
+
+export default function useSession() {
+ const [session, setSession] = useState(null);
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ const supabase = createSupabaseClient();
+
+ const getSession = async () => {
+ const {
+ data: { session },
+ } = await supabase.auth.getSession();
+
+ setSession(session);
+ setLoading(false);
+ };
+
+ getSession();
+ }, []);
+
+ return { session, loading };
+}
NVIDIA
World's first non-metal sustainable battery
-
+
diff --git a/src/components/extendableCard.tsx b/src/components/extendableCard.tsx
new file mode 100644
index 0000000..933ee9d
--- /dev/null
+++ b/src/components/extendableCard.tsx
@@ -0,0 +1,87 @@
+"use client";
+import { CalendarDaysIcon } from "lucide-react";
+
+interface XMap {
+ // tagName: colorCode
+ [tag: string]: string;
+}
+
+interface ExtendableCardProps {
+ name: string;
+ description: string;
+ joinDate: string;
+ location: string;
+ tags: XMap | null;
+ minInvestment: number;
+ totalInvestor: number;
+ totalRaised: number;
+}
+
+export function ExtendableCard(props: ExtendableCardProps) {
+ return (
+ , React.ComponentPropsWit
);
ListItem.displayName = "ListItem";
-export function UnsignedNav() {
+const unAuthenticatedComponents = () => {
+ return (
+
{["Technology", "Gaming"].map((tag) => (
{tag}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6ec0c9d..49b3802 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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) {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 777c825..15f1f49 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,15 @@
import Image from "next/image";
import { Button } from "@/components/ui/button";
import Link from "next/link";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { BusinessCard } from "@/components/businessCard";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
import { Separator } from "@/components/ui/separator";
+import { ExtendableCard } from "@/components/extendableCard";
export default function Home() {
return (
@@ -13,12 +19,14 @@ export default function Home() {
@@ -75,17 +83,26 @@ export default function Home() {
-
{children}
Explore the world of ventures
-Unlock opportunities and connect with a community of passionate
++ Unlock opportunities and connect with a community of passionate +
investors and innovators.
Together, we turn ideas into impact.
Hottest Deals
-The deals attracting the most interest right now
++ The deals attracting the most interest right now +
-
+
+
+ );
+}
diff --git a/src/components/navigationBar/Unsigned.tsx b/src/components/navigationBar/nav.tsx
similarity index 78%
rename from src/components/navigationBar/Unsigned.tsx
rename to src/components/navigationBar/nav.tsx
index 2bc21c2..33b8d45 100644
--- a/src/components/navigationBar/Unsigned.tsx
+++ b/src/components/navigationBar/nav.tsx
@@ -17,7 +17,11 @@ import {
NavigationMenuTrigger,
navigationMenuTriggerStyle,
} from "@/components/ui/navigation-menu";
-import { Search } from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Search, Bell, Heart, Wallet } from "lucide-react";
+
+import useSession from "@/lib/supabase/useSession";
const landings = [
{
@@ -54,7 +58,44 @@ const ListItem = React.forwardRef
+ 
+
+
+
+
+ + {props.name} +
+ + {/* Default content (visible when not hovered) */} +
+
+
+
+ {props.location}
+
+
+ {["Technology", "Gaming"].map((tag) => (
+
+ {tag}
+
+ ))}
+
+
+ {/* Hover content (appears when hovered) */}
+
+
+ {props.description}
+
+
+
+
+
+
+
+
+
+ +
+ ${props.totalRaised.toLocaleString()}{" "} + committed and reserved +
++
+ {props.totalInvestor.toLocaleString()}{" "} + investors +
++
+ ${props.minInvestment.toLocaleString()} min. + investment +
+
+
+
+
+
+
+ );
+};
+
+const authenticatedComponents = () => {
+ return (
+
+
+ 1
+
+
+ );
+};
+
+export function NavigationBar() {
+ const { session, loading } = useSession();
+ const user = session?.user;
+ const [sessionLoaded, setSessionLoaded] = React.useState(false);
+
+ React.useEffect(() => {
+ if (!loading) {
+ setSessionLoaded(true);
+ }
+ }, [loading]);
+
const businessComponents = [
{
title: "Businesses",
@@ -151,12 +192,17 @@ export function UnsignedNav() {
+
+ )}