From 0677160ad9210e5b9429c0fc93e1436147fd57fd Mon Sep 17 00:00:00 2001
From: BlowaterNostr <127284497+BlowaterNostr@users.noreply.github.com>
Date: Sun, 26 Nov 2023 20:18:00 +0800
Subject: [PATCH] clickable website url (#340)

---
 UI/user-detail.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/UI/user-detail.tsx b/UI/user-detail.tsx
index 3290edd..f20c1f3 100644
--- a/UI/user-detail.tsx
+++ b/UI/user-detail.tsx
@@ -10,6 +10,7 @@ import { HomeIcon } from "./icons/home-icon.tsx";
 import { KeyIcon } from "./icons/key-icon.tsx";
 import { UserIcon } from "./icons/user-icon.tsx";
 import { CopyButton } from "./components/copy-button.tsx";
+import { LinkColor } from "./style/colors.ts";
 
 type UserDetailProps = {
     targetUserProfile: ProfileData;
@@ -86,11 +87,11 @@ export function UserDetail(props: UserDetailProps) {
                             }}
                         />
                         <p
-                            class={tw`flex-1 text-[#7A818C] group-hover:text-[#F3F4EA] break-words overflow-hidden`}
+                            class={tw`flex-1 text-[${LinkColor}] group-hover:text-[#F3F4EA] break-words overflow-hidden`}
                         >
-                            {props.targetUserProfile.website
-                                ? props.targetUserProfile.website
-                                : "There is no website."}
+                            <a href={props.targetUserProfile.website} target="_blank">
+                                {props.targetUserProfile.website}
+                            </a>
                         </p>
                     </div>
                 )