From 6685549d1102c6a9bbc6167b1604aef9d3301eea Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 23 Mar 2023 21:48:29 +0800
Subject: [PATCH] Need debugHover for filtered status

---
 src/components/status.jsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/status.jsx b/src/components/status.jsx
index aa689a8d..d51b610c 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -149,12 +149,21 @@ function Status({
 
   console.debug('RENDER Status', id, status?.account.displayName);
 
+  const debugHover = (e) => {
+    if (e.shiftKey) {
+      console.log(status);
+    }
+  };
+
   if (allowFilters && size !== 'l' && _filtered) {
     return (
       <FilteredStatus
         status={status}
         filterInfo={_filtered}
         instance={instance}
+        containerProps={{
+          onMouseEnter: debugHover,
+        }}
       />
     );
   }
@@ -190,12 +199,6 @@ function Status({
 
   const showSpoiler = !!snapStates.spoilers[id] || false;
 
-  const debugHover = (e) => {
-    if (e.shiftKey) {
-      console.log(status);
-    }
-  };
-
   if (reblog) {
     // If has statusID, means useItemID (cached in states)
     return (
@@ -1718,7 +1721,7 @@ function safeBoundingBoxPadding() {
   return str;
 }
 
-function FilteredStatus({ status, filterInfo, instance }) {
+function FilteredStatus({ status, filterInfo, instance, containerProps = {} }) {
   const {
     account: { avatar, avatarStatic },
     createdAt,
@@ -1742,6 +1745,7 @@ function FilteredStatus({ status, filterInfo, instance }) {
 
   return (
     <div
+      {...containerProps}
       title={statusPeekText}
       onContextMenu={(e) => {
         e.preventDefault();