From ae4a106ba53b6f0c2add4de9bef02ea3d6a30471 Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Mon, 21 Jul 2025 18:50:50 +0800
Subject: [PATCH] fix: make text in social media selectable, close #4186

---
 .../modules/entry-column/layouts/EntryItemWrapper.tsx  | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/desktop/layer/renderer/src/modules/entry-column/layouts/EntryItemWrapper.tsx b/apps/desktop/layer/renderer/src/modules/entry-column/layouts/EntryItemWrapper.tsx
index 2d9ab776d..bf071bf67 100644
--- a/apps/desktop/layer/renderer/src/modules/entry-column/layouts/EntryItemWrapper.tsx
+++ b/apps/desktop/layer/renderer/src/modules/entry-column/layouts/EntryItemWrapper.tsx
@@ -122,7 +122,7 @@ export const EntryItemWrapper: FC<
   }, [entry?.id])
 
   const handleClick = useCallback(
-    (e: TouchEvent<HTMLAnchorElement> | MouseEvent<HTMLAnchorElement>) => {
+    (e: TouchEvent<HTMLElement> | MouseEvent<HTMLElement>) => {
       e.preventDefault()
       e.stopPropagation()
 
@@ -146,7 +146,7 @@ export const EntryItemWrapper: FC<
     },
     [asRead, entry?.id, entry?.feedId, navigate],
   )
-  const handleDoubleClick: MouseEventHandler<HTMLAnchorElement> = useCallback(
+  const handleDoubleClick: MouseEventHandler<HTMLElement> = useCallback(
     () => entry?.url && window.open(entry.url, "_blank"),
     [entry?.url],
   )
@@ -209,9 +209,11 @@ export const EntryItemWrapper: FC<
   const aiEnabled = useFeature("ai")
   const isWide = views[view as FeedViewType]?.wideMode || aiEnabled
 
+  const Link = view === FeedViewType.SocialMedia ? "article" : NavLink
+
   return (
     <div data-entry-id={entry?.id} style={style}>
-      <NavLink
+      <Link
         to={navigationPath}
         className={cn(
           "hover:bg-theme-item-hover cursor-button relative block duration-200",
@@ -228,7 +230,7 @@ export const EntryItemWrapper: FC<
       >
         {children}
         <AnimatePresence>{showAction && isWide && <ActionBar entryId={entryId} />}</AnimatePresence>
-      </NavLink>
+      </Link>
     </div>
   )
 }