Merge pull request #384 from Aarush-Acharya/main

fix: made redirect on know more
AOSSIE-Org · Feb 12, 2025 · fddd3d7 · fddd3d7
2 parents 70d08cb + 8b55237
commit fddd3d7
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/src/components/Card.jsx b/src/components/Card.jsx
@@ -51,15 +51,18 @@ Card.Description = function CardDescription({ children }) {
   )
 }
 
-Card.Cta = function CardCta({ children }) {
+Card.Cta = function CardCta({ children, href}) {
   return (
-    <div
+    <Link href={href}>
+      <div
       aria-hidden="true"
       className="relative font-mono z-10 mt-4 flex items-center text-sm font-semibold text-[#00843D] dark:text-yellow-400"
-    >
-      {children}
-      <ChevronRightIcon className="ml-1 h-4 w-4 stroke-current" />
-    </div>
+      >
+        {children}
+        <ChevronRightIcon className="ml-1 h-4 w-4 stroke-current" />
+      </div>
+  </Link>
+
   )
 }
 

diff --git a/src/pages/ideas/2024/index.jsx b/src/pages/ideas/2024/index.jsx
@@ -13,7 +13,7 @@ function Article({ article }) {
           {article.title}
         </Card.Title>
         <Card.Description>{article.description}</Card.Description>
-        <Card.Cta>Read More</Card.Cta>
+        <Card.Cta href={`/ideas/2024/${article.slug}`}>Read More</Card.Cta>
       </Card>
     </article>
   )
@@ -48,7 +48,7 @@ export default function Ideas({ articles }) {
             </div>
           </div>
           <div className='text-center mt-16'>
-            <Link className="mx-auto order-2 group rounded-lg items-center overflow-hidden bg-zinc-800 dark:bg-white px-8 py-3 dark:text-black text-white focus:outline-none" href="/ideas">
+            <Link href="/ideas" className="mx-auto order-2 group rounded-lg items-center overflow-hidden bg-zinc-800 dark:bg-white px-8 py-3 dark:text-black text-white focus:outline-none" >
               <span className="font-mono font-semibold text-center">
                 Go Back
               </span>

diff --git a/src/pages/ideas/index.jsx b/src/pages/ideas/index.jsx
@@ -13,7 +13,7 @@ function Article({ article }) {
           {article.title}
         </Card.Title>
         <Card.Description>{article.description}</Card.Description>
-        <Card.Cta>Know More</Card.Cta>
+        <Card.Cta href={`/ideas/2025/${article.slug}`}>Know More</Card.Cta>
       </Card>
     </article>
   )