clickable website url (#340)

This commit is contained in:
BlowaterNostr 2023-11-26 20:18:00 +08:00 committed by GitHub
parent e9e4ea9e67
commit 0677160ad9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -10,6 +10,7 @@ import { HomeIcon } from "./icons/home-icon.tsx";
import { KeyIcon } from "./icons/key-icon.tsx"; import { KeyIcon } from "./icons/key-icon.tsx";
import { UserIcon } from "./icons/user-icon.tsx"; import { UserIcon } from "./icons/user-icon.tsx";
import { CopyButton } from "./components/copy-button.tsx"; import { CopyButton } from "./components/copy-button.tsx";
import { LinkColor } from "./style/colors.ts";
type UserDetailProps = { type UserDetailProps = {
targetUserProfile: ProfileData; targetUserProfile: ProfileData;
@ -86,11 +87,11 @@ export function UserDetail(props: UserDetailProps) {
}} }}
/> />
<p <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 <a href={props.targetUserProfile.website} target="_blank">
? props.targetUserProfile.website {props.targetUserProfile.website}
: "There is no website."} </a>
</p> </p>
</div> </div>
) )