From 2b7f3409576b7a541c8218e0354e13e6f97757eb Mon Sep 17 00:00:00 2001
From: Naytitorn Chaovirachot <naytitorn21@gmail.com>
Date: Wed, 6 Nov 2024 15:19:53 +0700
Subject: [PATCH] fix: link github on homepage and fix project search not
 clickable

---
 .../(investment)/deals/[id]/displayImage.tsx  |  2 +-
 src/app/find/page.tsx                         | 33 +++++++++++--------
 src/app/loading.tsx                           |  6 +---
 src/app/page.tsx                              | 14 ++++----
 4 files changed, 28 insertions(+), 27 deletions(-)

diff --git a/src/app/(investment)/deals/[id]/displayImage.tsx b/src/app/(investment)/deals/[id]/displayImage.tsx
index 7e48f8b..0e28f72 100644
--- a/src/app/(investment)/deals/[id]/displayImage.tsx
+++ b/src/app/(investment)/deals/[id]/displayImage.tsx
@@ -10,7 +10,7 @@ import {
 } from "@/components/ui/dialog";
 import Image from "next/image";
 import { StaticImport } from "next/dist/shared/lib/get-img-props";
-import { it } from "node:test";
+
 
 const ImageModal = ({ item, width }: { item: { src: string | StaticImport; alt: string;} }, number ) => {
   return (
diff --git a/src/app/find/page.tsx b/src/app/find/page.tsx
index 729609c..a159ab9 100644
--- a/src/app/find/page.tsx
+++ b/src/app/find/page.tsx
@@ -8,6 +8,7 @@ import { ProjectCard } from "@/components/projectCard";
 import { Separator } from "@/components/ui/separator";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { getBusinessAndProject } from "@/lib/data/businessQuery";
+import Link from "next/link";
 
 function FindContent() {
   const searchParams = useSearchParams();
@@ -43,7 +44,11 @@ function FindContent() {
                   <li key={business.business_id}>
                     <Card className="w-full">
                       <CardHeader>
-                        <CardTitle>{business.business_name}</CardTitle>
+                        <CardTitle>
+                          {/* <Link href={`/deals/${business.business_id}`}> */}
+                            {business.business_name}
+                          {/* </Link> */}
+                        </CardTitle>
                         <CardDescription>
                           Joined Date: {new Date(business.joined_date).toLocaleDateString()}
                         </CardDescription>
@@ -51,18 +56,20 @@ function FindContent() {
                       <CardContent className="grid grid-cols-4 gap-4">
                         {business?.projects && business.projects.length > 0 ? (
                           business.projects.map((project) => (
-                            <ProjectCard
-                              key={project.id}
-                              name={project.project_name}
-                              description={project.project_short_description}
-                              joinDate={project.published_time}
-                              location={business.location}
-                              minInvestment={project.min_investment}
-                              totalInvestor={project.total_investment}
-                              totalRaised={project.target_investment}
-                              tags={project.tags?.map((tag) => String(tag.tag_value)) || []}
-                              imageUri={project.card_image_url}
-                            />
+                            <Link key={project.id} href={`/deals/${project.id}`}>
+                              <ProjectCard
+                                key={project.id}
+                                name={project.project_name}
+                                description={project.project_short_description}
+                                joinDate={project.published_time}
+                                location={business.location}
+                                minInvestment={project.min_investment}
+                                totalInvestor={project.total_investment}
+                                totalRaised={project.target_investment}
+                                tags={project.tags?.map((tag) => String(tag.tag_value)) || []}
+                                imageUri={project.card_image_url}
+                              />
+                            </Link>
                           ))
                         ) : (
                           <p>No Projects</p>
diff --git a/src/app/loading.tsx b/src/app/loading.tsx
index 0f8be55..c38f7da 100644
--- a/src/app/loading.tsx
+++ b/src/app/loading.tsx
@@ -1,8 +1,4 @@
 import { Loader } from "@/components/loading/loader";
 export default function Loading() {
-  return (
-    <div>
-      <Loader />
-    </div>
-  );
+  return <Loader />;
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 19cc657..184e9b7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -121,14 +121,12 @@ export default async function Home() {
               <CardTitle className="text-lg md:text-2xl">Follow Us</CardTitle>
             </CardHeader>
             <CardContent className="flex gap-2">
-              <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
-                <Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100" />
-                Github
-              </Button>
-              <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
-                <Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100" />
-                Github
-              </Button>
+              <Link href="https://github.com/Sosokker/B2D-Ventures" passHref>
+                <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
+                  <Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100" />
+                  Github
+                </Button>
+              </Link>
             </CardContent>
           </Card>
         </div>