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";
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 (

View File

@ -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>

View File

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

View File

@ -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>