From 230b90178cf1b74a672d6982f1107f1c3d34500a Mon Sep 17 00:00:00 2001
From: hanbings <hanbings@hanbings.io>
Date: Fri, 8 Sep 2023 17:34:01 +0800
Subject: [PATCH] style: changed card component style.

---
 src/pages/components/Card.tsx | 6 ++++--
 src/pages/index.tsx           | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/components/Card.tsx b/src/pages/components/Card.tsx
index 42d8c39..a213094 100644
--- a/src/pages/components/Card.tsx
+++ b/src/pages/components/Card.tsx
@@ -1,22 +1,24 @@
 import {Component} from "react";
+import Link from "next/link";
 
 interface CardProps {
     project: string;
     org: string;
+    url: string;
 }
 
 export default class Card extends Component<CardProps, {}> {
     render() {
         return (
             <div className="flex flex-col items-center justify-center">
-                <div className="flex flex-row shadow-lg items-center gap-4 p-4"
+                <a href={this.props.url} className="flex flex-row shadow-lg items-center gap-4 p-4"
                      style={{height: "108px", width: "250px"}}>
                     <img src="favicon.ico" alt="" style={{height: "42px"}} width="42"/>
                     <div className="flex flex-col justify-center">
                         <p className="text-lg text-gray-900">{this.props.project}</p>
                         <p className="text-sm text-gray-600">{`${this.props.org} / ${this.props.project}`}</p>
                     </div>
-                </div>
+                </a>
             </div>
         );
     }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 54aa771..788e795 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -147,7 +147,7 @@ export default function Home() {
                     {
                         repository.map((value, index) => {
                             return (
-                                <Card key={index} org={value.organization} project={value.project}/>
+                                <Card key={index} org={value.organization} project={value.project} url={`/repository?id=${value.id}`}/>
                             )
                         })
                     }