From df6686077a70fd441cc064d5e13c4da5c08f3699 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Mon, 3 Jun 2024 15:16:17 -0500
Subject: [PATCH] Use local state for embed, style tweaks

---
 .../Conversation/MessageInputEmbed.tsx        | 36 +++++++++++++++----
 1 file changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/screens/Messages/Conversation/MessageInputEmbed.tsx b/src/screens/Messages/Conversation/MessageInputEmbed.tsx
index b2013a5730..285b484fb1 100644
--- a/src/screens/Messages/Conversation/MessageInputEmbed.tsx
+++ b/src/screens/Messages/Conversation/MessageInputEmbed.tsx
@@ -39,11 +39,16 @@ export function useMessageEmbed() {
   const navigation = useNavigation<NavigationProp>()
   const embedFromParams = route.params.embed
 
-  const [embedUri, setEmbed] = useState(embedFromParams)
+  const [embedUri, setEmbed] = useState(() => {
+    return embedFromParams
+  })
 
-  if (embedFromParams && embedUri !== embedFromParams) {
-    setEmbed(embedFromParams)
-  }
+  React.useEffect(() => {
+    // remove from nav state, use local component state only
+    if (embedUri === embedFromParams) {
+      navigation.setParams({embed: ''})
+    }
+  }, [embedUri, embedFromParams, navigation])
 
   return {
     embedUri,
@@ -141,7 +146,16 @@ export function MessageInputEmbed({
     case 'pending':
       content = (
         <View
-          style={[a.flex_1, {minHeight: 64}, a.justify_center, a.align_center]}>
+          style={[
+            a.flex_1,
+            {minHeight: 64},
+            t.atoms.border_contrast_low,
+            a.rounded_md,
+            a.border,
+            a.mb_sm,
+            a.justify_center,
+            a.align_center,
+          ]}>
           <Loader />
         </View>
       )
@@ -149,8 +163,16 @@ export function MessageInputEmbed({
     case 'error':
       content = (
         <View
-          style={[a.flex_1, {minHeight: 64}, a.justify_center, a.align_center]}>
-          <Text style={a.text_center}>Could not fetch post</Text>
+          style={[
+            a.flex_1,
+            {minHeight: 64},
+            a.justify_center,
+            a.align_center,
+            a.mb_sm,
+            a.rounded_md,
+            t.atoms.bg_contrast_25,
+          ]}>
+          <Text style={{}}>Could not fetch post</Text>
         </View>
       )
       break