From 0c977f5fd7242bd93164bdb5eccc5fea890b5dbd Mon Sep 17 00:00:00 2001
From: Azide <rukuy@qq.com>
Date: Tue, 2 Apr 2024 22:54:10 +0800
Subject: [PATCH] =?UTF-8?q?:memo:=20Docs:=20=E4=B8=BA=E5=95=86=E5=BA=97?=
 =?UTF-8?q?=E7=9A=84=E8=AF=A6=E6=83=85=E5=8D=A1=E7=89=87=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=93=BE=E6=8E=A5=20(#2623)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Resource/DetailCard/index.tsx  | 57 ++++++++++++++++++-
 1 file changed, 54 insertions(+), 3 deletions(-)

diff --git a/website/src/components/Resource/DetailCard/index.tsx b/website/src/components/Resource/DetailCard/index.tsx
index cddf516d..5d72cc6f 100644
--- a/website/src/components/Resource/DetailCard/index.tsx
+++ b/website/src/components/Resource/DetailCard/index.tsx
@@ -45,6 +45,28 @@ export default function ResourceDetailCard({ resource }: Props) {
     }
   };
 
+  const getHomepageLink = (resource: Resource) => {
+    switch (resource.resourceType) {
+      case "plugin":
+      case "adapter":
+      case "driver":
+        return resource.homepage;
+      default:
+        return null;
+    }
+  };
+
+  const getPypiProjectLink = (resource: Resource) => {
+    switch (resource.resourceType) {
+      case "plugin":
+      case "adapter":
+      case "driver":
+        return `https://pypi.org/project/${resource.project_link}`;
+      default:
+        return null;
+    }
+  };
+
   const fetchPypiProject = (projectName: string) =>
     fetch(`https://pypi.org/pypi/${projectName}/json`)
       .then((response) => response.json())
@@ -72,6 +94,8 @@ export default function ResourceDetailCard({ resource }: Props) {
 
   const projectLink = getProjectLink(resource) || "无";
   const moduleName = getModuleName(resource) || "无";
+  const homepageLink = getHomepageLink(resource) || undefined;
+  const pypiProjectLink = getPypiProjectLink(resource) || undefined;
 
   return (
     <>
@@ -83,7 +107,14 @@ export default function ResourceDetailCard({ resource }: Props) {
         />
         <div className="detail-card-title">
           <span className="detail-card-title-main">{resource.name}</span>
-          <span className="detail-card-title-sub">{resource.author}</span>
+          <a
+            className="detail-card-title-sub hover:underline hover:text-primary"
+            target="_blank"
+            rel="noreferrer"
+            href={authorLink}
+          >
+            {resource.author}
+          </a>
         </div>
         <button
           className="detail-card-copy-button detail-card-copy-button-desktop"
@@ -134,12 +165,32 @@ export default function ResourceDetailCard({ resource }: Props) {
 
           <div className="detail-card-meta-item">
             <FontAwesomeIcon fixedWidth icon={["fas", "fingerprint"]} />{" "}
-            <span>{moduleName}</span>
+            <a
+              href={homepageLink}
+              target="_blank"
+              rel="noreferrer"
+              className={
+                homepageLink ? "hover:underline hover:text-primary" : undefined
+              }
+            >
+              {moduleName}
+            </a>
           </div>
 
           <div className="detail-card-meta-item">
             <FontAwesomeIcon fixedWidth icon={["fas", "cubes"]} />{" "}
-            <span>{projectLink}</span>
+            <a
+              href={pypiProjectLink}
+              target="_blank"
+              rel="noreferrer"
+              className={
+                pypiProjectLink
+                  ? "hover:underline hover:text-primary"
+                  : undefined
+              }
+            >
+              {projectLink}
+            </a>
           </div>
           <button
             className="detail-card-copy-button detail-card-copy-button-mobile w-full"