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,6 +56,7 @@ 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) => (
<Link key={project.id} href={`/deals/${project.id}`}>
<ProjectCard <ProjectCard
key={project.id} key={project.id}
name={project.project_name} name={project.project_name}
@ -63,6 +69,7 @@ function FindContent() {
tags={project.tags?.map((tag) => String(tag.tag_value)) || []} tags={project.tags?.map((tag) => String(tag.tag_value)) || []}
imageUri={project.card_image_url} 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">
<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"> <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" /> <Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100" />
Github Github
</Button> </Button>
<Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100"> </Link>
<Image src={"/github.svg"} width={20} height={20} alt="github" className="scale-75 md:scale-100" />
Github
</Button>
</CardContent> </CardContent>
</Card> </Card>
</div> </div>