From e9e90875db522ff19b56d3d0d1c6fcc1d8e82bc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Mon, 23 Feb 2026 17:12:08 +0100
Subject: [PATCH] nicolium: improve preview card author info
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/components/preview-card.tsx     | 63 +++++++++++--------
 1 file changed, 37 insertions(+), 26 deletions(-)

diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx
index 67606c6df..df8fc9282 100644
--- a/packages/pl-fe/src/components/preview-card.tsx
+++ b/packages/pl-fe/src/components/preview-card.tsx
@@ -328,33 +328,44 @@ const PreviewCard: React.FC<IPreviewCard> = ({
           <Text theme='muted' className='flex items-center gap-2'>
             <FormattedMessage
               id='link_preview.more_from_author'
-              defaultMessage='More from {name}'
+              defaultMessage='From {name}'
               values={{
-                name: card.authors.map((author) => (
-                  <HoverAccountWrapper
-                    key={author.url}
-                    accountId={author.account?.id}
-                    element='bdi'
-                  >
-                    <Link to='/@{$username}' params={{ username: author.account?.acct ?? '' }}>
-                      <HStack space={1} alignItems='center'>
-                        {author.account && (
-                          <Avatar
-                            src={author.account?.avatar}
-                            size={16}
-                            username={author.account.username}
-                          />
-                        )}
-                        <Text weight='medium'>
-                          <Emojify
-                            text={author.account?.display_name ?? author.name}
-                            emojis={author.account?.emojis}
-                          />
-                        </Text>
-                      </HStack>
-                    </Link>
-                  </HoverAccountWrapper>
-                )),
+                name: card.authors.map((author) => {
+                  const linkBody = (
+                    <HStack space={1} alignItems='center'>
+                      {author.account && (
+                        <Avatar
+                          src={author.account?.avatar}
+                          size={16}
+                          username={author.account.username}
+                        />
+                      )}
+                      <Text weight='medium'>
+                        <Emojify
+                          text={author.account?.display_name ?? author.name}
+                          emojis={author.account?.emojis}
+                        />
+                      </Text>
+                    </HStack>
+                  );
+                  return (
+                    <HoverAccountWrapper
+                      key={author.url}
+                      accountId={author.account?.id}
+                      element='bdi'
+                    >
+                      {author.account ? (
+                        <Link to='/@{$username}' params={{ username: author.account?.acct ?? '' }}>
+                          {linkBody}
+                        </Link>
+                      ) : (
+                        <a href={author.url} target='_blank' rel='noopener'>
+                          {linkBody}
+                        </a>
+                      )}
+                    </HoverAccountWrapper>
+                  );
+                }),
               }}
             />
           </Text>