From cba278d0a6291b4d46e5184725c49b46c7bc9a50 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sat, 8 Jun 2024 23:08:20 +0100
Subject: [PATCH] Add hover to feed items (unfinished)

---
 src/view/com/posts/FeedItem.tsx | 26 +++++++++++++++++++++++++-
 src/view/com/util/Link.tsx      |  1 +
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 675f23a88c..48c5f32bc4 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -16,6 +16,7 @@ import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import {useQueryClient} from '@tanstack/react-query'
 
+import {isWeb} from '#/platform/detection'
 import {POST_TOMBSTONE, Shadow, usePostShadow} from '#/state/cache/post-shadow'
 import {useFeedFeedbackContext} from '#/state/feed-feedback'
 import {useComposerControls} from '#/state/shell/composer'
@@ -196,6 +197,7 @@ let FeedItemInner = ({
     },
   ]
 
+  const [hover, setHover] = useState(false)
   return (
     <Link
       testID={`feedItem-by-${post.author.handle}`}
@@ -204,7 +206,29 @@ let FeedItemInner = ({
       noFeedback
       accessible={false}
       onBeforePress={onBeforePress}
-      dataSet={{feedContext}}>
+      dataSet={{feedContext}}
+      onPointerEnter={() => {
+        setHover(true)
+      }}
+      onPointerLeave={() => {
+        setHover(false)
+      }}>
+      {isWeb && (
+        <View
+          style={{
+            position: 'absolute',
+            backgroundColor: 'white', // TODO
+            opacity: hover ? 0.01 : 0, // TODO
+            left: 0,
+            right: 0,
+            bottom: 0,
+            top: 0,
+            pointerEvents: 'none',
+            // @ts-ignore web-only
+            transition: '0.05s ease-in-out opacity',
+          }}
+        />
+      )}
       <View style={{flexDirection: 'row', gap: 10, paddingLeft: 8}}>
         <View style={{width: 52}}>
           {isThreadChild && (
diff --git a/src/view/com/util/Link.tsx b/src/view/com/util/Link.tsx
index ab6fd200fc..9d1b49144a 100644
--- a/src/view/com/util/Link.tsx
+++ b/src/view/com/util/Link.tsx
@@ -49,6 +49,7 @@ interface Props extends ComponentProps<typeof TouchableOpacity> {
   anchorNoUnderline?: boolean
   navigationAction?: 'push' | 'replace' | 'navigate'
   onPointerEnter?: () => void
+  onPointerLeave?: () => void
   onBeforePress?: () => void
 }