From 09a269d32f73fb2cf5be3277f172561bc7bea9f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Mar 2026 18:00:30 +0100
Subject: [PATCH] nicolium: use hover account wrapper for repost 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>
---
 packages/nicolium/src/columns/timeline.tsx | 23 +++++++++++-----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/packages/nicolium/src/columns/timeline.tsx b/packages/nicolium/src/columns/timeline.tsx
index 292c13f84..adcbd884f 100644
--- a/packages/nicolium/src/columns/timeline.tsx
+++ b/packages/nicolium/src/columns/timeline.tsx
@@ -3,6 +3,7 @@ import clsx from 'clsx';
 import React, { useMemo, useRef, useState } from 'react';
 import { defineMessages, FormattedList, FormattedMessage, useIntl } from 'react-intl';
 
+import HoverAccountWrapper from '@/components/accounts/hover-account-wrapper';
 import PullToRefresh from '@/components/pull-to-refresh';
 import ScrollTopButton from '@/components/scroll-top-button';
 import ScrollableList, { type IScrollableList } from '@/components/scrollable-list';
@@ -217,18 +218,16 @@ const TimelineStatusInfo: React.FC<ITimelineStatusInfo> = ({ status, rebloggedBy
     const renderedAccounts = accounts.slice(0, 2).map(
       (account) =>
         !!account && (
-          <Link
-            key={account.acct}
-            to='/@{$username}'
-            params={{ username: account.acct }}
-            className='hover:underline'
-          >
-            <bdi className='truncate'>
-              <strong className='text-gray-800 dark:text-gray-200'>
-                <Emojify text={account.display_name} emojis={account.emojis} />
-              </strong>
-            </bdi>
-          </Link>
+          <HoverAccountWrapper key={account.id} accountId={account.id} element='bdi'>
+            <Link
+              key={account.acct}
+              to='/@{$username}'
+              params={{ username: account.acct }}
+              className='truncate font-bold text-gray-800 hover:underline dark:text-gray-200'
+            >
+              <Emojify text={account.display_name} emojis={account.emojis} />
+            </Link>
+          </HoverAccountWrapper>
         ),
     );