fix: link github on homepage and fix project search not clickable

This commit is contained in:
Naytitorn Chaovirachot 2024-11-06 15:19:53 +07:00
parent 7084d4d0aa
commit 2b7f340957
4 changed files with 28 additions and 27 deletions

View File

@ -10,7 +10,7 @@ import {
} from "@/components/ui/dialog"; } from "@/components/ui/dialog";
import Image from "next/image"; import Image from "next/image";
import { StaticImport } from "next/dist/shared/lib/get-img-props"; 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 ) => { const ImageModal = ({ item, width }: { item: { src: string | StaticImport; alt: string;} }, number ) => {
return ( return (

View File

@ -8,6 +8,7 @@ import { ProjectCard } from "@/components/projectCard";
import { Separator } from "@/components/ui/separator"; import { Separator } from "@/components/ui/separator";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { getBusinessAndProject } from "@/lib/data/businessQuery"; import { getBusinessAndProject } from "@/lib/data/businessQuery";
import Link from "next/link";
function FindContent() { function FindContent() {
const searchParams = useSearchParams(); const searchParams = useSearchParams();
@ -43,7 +44,11 @@ function FindContent() {
<li key={business.business_id}> <li key={business.business_id}>
<Card className="w-full"> <Card className="w-full">
<CardHeader> <CardHeader>
<CardTitle>{business.business_name}</CardTitle> <CardTitle>
{/* <Link href={`/deals/${business.business_id}`}> */}
{business.business_name}
{/* </Link> */}
</CardTitle>
<CardDescription> <CardDescription>
Joined Date: {new Date(business.joined_date).toLocaleDateString()} Joined Date: {new Date(business.joined_date).toLocaleDateString()}
</CardDescription> </CardDescription>
@ -51,18 +56,20 @@ function FindContent() {
<CardContent className="grid grid-cols-4 gap-4"> <CardContent className="grid grid-cols-4 gap-4">
{business?.projects && business.projects.length > 0 ? ( {business?.projects && business.projects.length > 0 ? (
business.projects.map((project) => ( business.projects.map((project) => (
<ProjectCard <Link key={project.id} href={`/deals/${project.id}`}>
key={project.id} <ProjectCard
name={project.project_name} key={project.id}
description={project.project_short_description} name={project.project_name}
joinDate={project.published_time} description={project.project_short_description}
location={business.location} joinDate={project.published_time}
minInvestment={project.min_investment} location={business.location}
totalInvestor={project.total_investment} minInvestment={project.min_investment}
totalRaised={project.target_investment} totalInvestor={project.total_investment}
tags={project.tags?.map((tag) => String(tag.tag_value)) || []} totalRaised={project.target_investment}
imageUri={project.card_image_url} tags={project.tags?.map((tag) => String(tag.tag_value)) || []}
/> imageUri={project.card_image_url}
/>
</Link>
)) ))
) : ( ) : (
<p>No Projects</p> <p>No Projects</p>

View File

@ -1,8 +1,4 @@
import { Loader } from "@/components/loading/loader"; import { Loader } from "@/components/loading/loader";
export default function Loading() { export default function Loading() {
return ( return <Loader />;
<div>
<Loader />
</div>
);
} }

View File

@ -121,14 +121,12 @@ export default async function Home() {
<CardTitle className="text-lg md:text-2xl">Follow Us</CardTitle> <CardTitle className="text-lg md:text-2xl">Follow Us</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="flex gap-2"> <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"> <Link href="https://github.com/Sosokker/B2D-Ventures" passHref>
<Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100" /> <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
Github <Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100" />
</Button> Github
<Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100"> </Button>
<Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100" /> </Link>
Github
</Button>
</CardContent> </CardContent>
</Card> </Card>
</div> </div>