diff --git a/native/chat/settings/thread-settings-notifications.react.js b/native/chat/settings/thread-settings-notifications.react.js --- a/native/chat/settings/thread-settings-notifications.react.js +++ b/native/chat/settings/thread-settings-notifications.react.js @@ -151,6 +151,8 @@ onBackgroundSelected, saveButtonDisabled, onSave, + isSidebar, + canPromoteSidebar, } = useThreadSettingsNotifications(threadInfo, goBack); React.useEffect(() => { @@ -230,6 +232,30 @@ [notificationSettings], ); + const noticeText = React.useMemo(() => { + if (!isSidebar) { + return null; + } + + return ( + + + {threadSettingsNotificationsCopy.IS_SIDEBAR} + + + {canPromoteSidebar + ? threadSettingsNotificationsCopy.IS_SIDEBAR_CAN_PROMOTE + : threadSettingsNotificationsCopy.IS_SIDEBAR_CAN_NOT_PROMOTE} + + + ); + }, [ + canPromoteSidebar, + isSidebar, + styles.noticeText, + styles.noticeTextContainer, + ]); + return ( @@ -257,8 +283,10 @@ onEnumValuePress={onBackgroundSelected} description={mutedDescription} icon={mutedIllustration} + disabled={isSidebar} /> + {noticeText} ); } @@ -293,6 +321,16 @@ color: 'panelInputSecondaryForeground', textDecorationLine: 'line-through', }, + noticeTextContainer: { + padding: 16, + }, + noticeText: { + color: 'panelForegroundSecondaryLabel', + textAlign: 'center', + fontSize: 14, + lineHeight: 18, + marginVertical: 8, + }, }; export default ThreadSettingsNotifications;