From 9ec00971ddccb1041b1faf09c221b22411d1efae Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Sun, 19 Jan 2025 11:49:07 +0000
Subject: [PATCH] fix moderation issue

---
 src/screens/VideoFeed/index.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/screens/VideoFeed/index.tsx b/src/screens/VideoFeed/index.tsx
index ede919f666..0d5d705b28 100644
--- a/src/screens/VideoFeed/index.tsx
+++ b/src/screens/VideoFeed/index.tsx
@@ -615,7 +615,6 @@ function ModerationOverlay({
             </ButtonText>
           </Button>
         </View>
-
         <View
           style={[
             a.absolute,
@@ -632,7 +631,7 @@ function ModerationOverlay({
             style={[a.absolute, a.inset_0]}
           />
           <Divider style={{borderColor: 'white'}} />
-          <View style={[]}>
+          <View>
             <Button
               label={_(msg`View details`)}
               onPress={() => {
@@ -707,7 +706,13 @@ function Overlay({
   }, [player])
 
   return (
-    <Hider.Outer modui={moderation.ui('contentView')}>
+    <Hider.Outer
+      // HACK - Hider.Outer is not reactive, it sets it's initial state
+      // based on the modui but then doesn't update if it changes.
+      // TODO: Better fix - Hider.Outer should be reactive, and modui shouldn't
+      // even be changing here anyway (this overlay is conditional based on moderation) -sfn
+      key={moderation.ui('contentView').blurs[0] ? 'blur' : 'none'}
+      modui={moderation.ui('contentView')}>
       <Hider.Mask>
         <ModerationOverlay embed={embed} onPressShow={onPressShow} />
       </Hider.Mask>