From f52b664eb0e60a90b8453be2e319f273577e869b Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Sat, 18 Jan 2025 08:31:06 -0800
Subject: [PATCH] feedback

---
 src/screens/Feeds/VibeScreen.tsx | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/screens/Feeds/VibeScreen.tsx b/src/screens/Feeds/VibeScreen.tsx
index 7b2290e2ad..0182fb43c6 100644
--- a/src/screens/Feeds/VibeScreen.tsx
+++ b/src/screens/Feeds/VibeScreen.tsx
@@ -1,4 +1,4 @@
-import {useCallback, useMemo, useRef, useState} from 'react'
+import React, {useCallback, useMemo, useRef, useState} from 'react'
 import {
   LayoutAnimation,
   ListRenderItem,
@@ -55,7 +55,10 @@ import {sanitizeHandle} from '#/lib/strings/handles'
 import {isAndroid} from '#/platform/detection'
 import {POST_TOMBSTONE, Shadow, usePostShadow} from '#/state/cache/post-shadow'
 import {useProfileShadow} from '#/state/cache/profile-shadow'
-import {FeedFeedbackProvider} from '#/state/feed-feedback'
+import {
+  FeedFeedbackProvider,
+  useFeedFeedbackContext,
+} from '#/state/feed-feedback'
 import {useFeedFeedback} from '#/state/feed-feedback'
 import {usePostLikeMutationQueue} from '#/state/queries/post'
 import {
@@ -392,6 +395,18 @@ function VideoItem({
 }) {
   const postShadow = usePostShadow(post)
   const {width, height} = useSafeAreaFrame()
+  const {onItemSeen} = useFeedFeedbackContext()
+
+  React.useEffect(() => {
+    let to: NodeJS.Timeout | null = null
+    if (active) {
+      to = setTimeout(() => {
+        onItemSeen(post)
+      }, 1000)
+    } else if (to) {
+      clearTimeout(to)
+    }
+  }, [active, post, onItemSeen])
 
   return (
     <View style={[a.relative, {height, width}]}>
@@ -906,6 +921,9 @@ function PlayPauseTapArea({
 }) {
   const doubleTapRef = useRef<ReturnType<typeof setTimeout> | null>(null)
   const [queueLike] = usePostLikeMutationQueue(post, 'ImmersiveVideo')
+
+  const {sendInteraction} = useFeedFeedbackContext()
+
   const togglePlayPause = () => {
     if (!player) return
     doubleTapRef.current = null
@@ -921,6 +939,10 @@ function PlayPauseTapArea({
       clearTimeout(doubleTapRef.current)
       doubleTapRef.current = null
       queueLike()
+      sendInteraction({
+        item: post.uri,
+        event: 'app.bsky.feed.defs#interactionLike',
+      })
     } else {
       doubleTapRef.current = setTimeout(togglePlayPause, 200)
     }