Issue AOSSIE-Org#296 : (Link not clickable)

SinghaAnirban005 · SinghaAnirban005 · commit d163c95a6f9a · 2024-10-24T21:35:41.000+05:30
diff --git a/src/pages/projects.jsx b/src/pages/projects.jsx
@@ -1,5 +1,6 @@
 import Image from 'next/image'
 import Head from 'next/head'
+import { useRouter } from 'next/router'
 
 import { Container } from '@/components/Container'
 import { SectionHeading } from '@/components/SectionHeading'
@@ -18,6 +19,9 @@ function LinkIcon(props) {
 }
 
 export default function Projects() {
+
+  const router = useRouter()
+
   return (
     <>
       <Head>
@@ -54,7 +58,7 @@ export default function Projects() {
                   <Card.Link href={project.link.href}>{project.name}</Card.Link>
                 </h2>
                 <Card.Description>{project.description}</Card.Description>
-                <p className="relative z-10 mt-6 flex text-md font-semibold font-mono text-zinc-600 transition group-hover:text-[#00843D] dark:group-hover:text-yellow-400 dark:text-zinc-200">
+                <p className="relative z-10 mt-6 flex text-md font-semibold font-mono text-zinc-600 transition group-hover:text-[#00843D] dark:group-hover:text-yellow-400 dark:text-zinc-200 cursor-pointer" onClick={() => router.push(project.link.href)}>
                   <LinkIcon className="h-6 w-6 flex-none scale-110" />
                   <span className="ml-2">{project.link.label}</span>
                 </p>
