Fix more messages indicator on read only channels (#8652)

This commit is contained in:
Elias Nahum 2025-03-11 07:32:22 +08:00 committed by GitHub
parent 02a0e8636d
commit 2c32322bc7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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>
);
};