From 2c32322bc7ab15d89e85c4a66ce72365d9a439d3 Mon Sep 17 00:00:00 2001
From: Elias Nahum <nahumhbl@gmail.com>
Date: Tue, 11 Mar 2025 07:32:22 +0800
Subject: [PATCH] Fix more messages indicator on read only channels (#8652)

---
 app/components/post_draft/read_only/index.tsx | 43 +++++++++++--------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/app/components/post_draft/read_only/index.tsx b/app/components/post_draft/read_only/index.tsx
index 028cca961..a46b88400 100644
--- a/app/components/post_draft/read_only/index.tsx
+++ b/app/components/post_draft/read_only/index.tsx
@@ -15,6 +15,9 @@ interface ReadOnlyProps {
 }
 
 const getStyle = makeStyleSheetFromTheme((theme: Theme) => ({
+    wrapper: {
+        backgroundColor: theme.centerChannelBg,
+    },
     background: {
         backgroundColor: changeOpacity(theme.centerChannelColor, 0.04),
     },
@@ -46,26 +49,28 @@ const ReadOnlyChannnel = ({testID}: ReadOnlyProps) => {
     const theme = useTheme();
     const style = getStyle(theme);
     return (
-        <SafeAreaView
-            edges={edges}
-            style={style.background}
-        >
-            <View
-                testID={testID}
-                style={style.container}
+        <View style={style.wrapper}>
+            <SafeAreaView
+                edges={edges}
+                style={style.background}
             >
-                <CompassIcon
-                    name='glasses'
-                    style={style.icon}
-                    color={theme.centerChannelColor}
-                />
-                <FormattedText
-                    id='mobile.create_post.read_only'
-                    defaultMessage='This channel is read-only.'
-                    style={style.text}
-                />
-            </View>
-        </SafeAreaView>
+                <View
+                    testID={testID}
+                    style={style.container}
+                >
+                    <CompassIcon
+                        name='glasses'
+                        style={style.icon}
+                        color={theme.centerChannelColor}
+                    />
+                    <FormattedText
+                        id='mobile.create_post.read_only'
+                        defaultMessage='This channel is read-only.'
+                        style={style.text}
+                    />
+                </View>
+            </SafeAreaView>
+        </View>
     );
 };