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(() => {
@@ -224,6 +226,30 @@
/>
);
+ 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 (
@@ -251,8 +277,10 @@
onEnumValuePress={onBackgroundSelected}
description={mutedDescription}
icon={mutedIllustration}
+ disabled={isSidebar}
/>
+ {noticeText}
);
}
@@ -287,6 +315,16 @@
color: 'panelInputSecondaryForeground',
textDecorationLine: 'line-through',
},
+ noticeTextContainer: {
+ padding: 16,
+ },
+ noticeText: {
+ color: 'panelForegroundSecondaryLabel',
+ textAlign: 'center',
+ fontSize: 14,
+ lineHeight: 18,
+ marginVertical: 8,
+ },
};
export default ThreadSettingsNotifications;