diff --git a/packages/app/src/Element/ProfileImage.tsx b/packages/app/src/Element/ProfileImage.tsx index 4cb74c86..07519e5e 100644 --- a/packages/app/src/Element/ProfileImage.tsx +++ b/packages/app/src/Element/ProfileImage.tsx @@ -18,6 +18,7 @@ export interface ProfileImageProps { link?: string; defaultNip?: string; verifyNip?: boolean; + linkToProfile?: boolean; } export default function ProfileImage({ @@ -28,6 +29,7 @@ export default function ProfileImage({ link, defaultNip, verifyNip, + linkToProfile = true, }: ProfileImageProps) { const navigate = useNavigate(); const user = useUserProfile(pubkey); @@ -42,10 +44,16 @@ export default function ProfileImage({ link = "#"; } + const onAvatarClick = () => { + if (linkToProfile) { + navigate(link ?? profileLink(pubkey)); + } + }; + return (
- navigate(link ?? profileLink(pubkey))} /> +
{showUsername && (
diff --git a/packages/app/src/Element/Timeline.css b/packages/app/src/Element/Timeline.css index a500ca0c..28db963c 100644 --- a/packages/app/src/Element/Timeline.css +++ b/packages/app/src/Element/Timeline.css @@ -15,6 +15,7 @@ box-shadow: 0px 0px 15px rgba(78, 0, 255, 0.6); border-radius: 100px; z-index: 42; + opacity: 0.8; } @media (max-width: 520px) { diff --git a/packages/app/src/Element/Timeline.tsx b/packages/app/src/Element/Timeline.tsx index 9cf1666c..b9a05dfe 100644 --- a/packages/app/src/Element/Timeline.tsx +++ b/packages/app/src/Element/Timeline.tsx @@ -89,7 +89,7 @@ export default function Timeline({ {latestFeed.length > 0 && (
showLatest()}> {latestAuthors.slice(0, 3).map(p => { - return ; + return ; })}