Merge pull request #2764 from GetStream/develop

Next Release

Author: isekovanic

package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts

@@ -298,7 +298,8 @@ export const useLatestMessagePreview = <
 
   useEffect(() => {
     if (channelConfigExists) {
-      const read_events = channel.getConfig()?.read_events;
+      const read_events =
+        !channel.disconnected && !!channel?.id && channel.getConfig()?.read_events;
       if (typeof read_events === 'boolean') {
         setReadEvents(read_events);
       }

package/src/components/MessageInput/MessageInput.tsx

@@ -1165,7 +1165,7 @@ export const MessageInput = <
    * Disable the message input if the channel is frozen, or the user doesn't have the capability to send a message.
    * Enable it in frozen mode, if it the input has editing state.
    */
-  if (!editing && disabled && !ownCapabilities.sendMessage && SendMessageDisallowedIndicator) {
+  if ((disabled || !ownCapabilities.sendMessage) && !editing && SendMessageDisallowedIndicator) {
     return <SendMessageDisallowedIndicator />;
   }
 

package/src/components/MessageInput/components/NativeAttachmentPicker.tsx

@@ -120,17 +120,17 @@ export const NativeAttachmentPicker = ({
 
   // do not allow poll creation in threads
   const buttons =
-    threadList && hasCreatePoll && ownCapabilities.sendPoll
-      ? []
-      : [
+    !threadList && hasCreatePoll && ownCapabilities.sendPoll
+      ? [
           {
             icon: <CreatePollIcon />,
             id: 'Poll',
             onPressHandler: () => {
               openPollCreationDialog?.({ sendMessage });
             },
           },
-        ];
+        ]
+      : [];
 
   if (hasImagePicker) {
     buttons.push({

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -416,7 +416,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                   "overflow": "hidden",
                                 },
                                 {
-                                  "backgroundColor": "#FFFFFF",
+                                  "backgroundColor": "#F2F2F2",
                                   "borderBottomLeftRadius": 0,
                                   "borderBottomRightRadius": 16,
                                   "borderColor": "#ECEBEB",
@@ -742,7 +742,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                   "overflow": "hidden",
                                 },
                                 {
-                                  "backgroundColor": "#FFFFFF",
+                                  "backgroundColor": "#F2F2F2",
                                   "borderBottomLeftRadius": 0,
                                   "borderBottomRightRadius": 16,
                                   "borderColor": "#ECEBEB",
@@ -1068,7 +1068,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                   "overflow": "hidden",
                                 },
                                 {
-                                  "backgroundColor": "#FFFFFF",
+                                  "backgroundColor": "#F2F2F2",
                                   "borderBottomLeftRadius": 0,
                                   "borderBottomRightRadius": 16,
                                   "borderColor": "#ECEBEB",
@@ -1422,7 +1422,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                       "overflow": "hidden",
                                     },
                                     {
-                                      "backgroundColor": "#FFFFFF",
+                                      "backgroundColor": "#F2F2F2",
                                       "borderBottomLeftRadius": 0,
                                       "borderBottomRightRadius": 16,
                                       "borderColor": "#ECEBEB",

package/src/contexts/themeContext/utils/theme.ts

@@ -1218,7 +1218,7 @@ export const defaultTheme: Theme = {
       metaText: {
         fontSize: 12,
       },
-      receiverMessageBackgroundColor: Colors.white,
+      receiverMessageBackgroundColor: Colors.white_smoke,
       replyBorder: {},
       replyContainer: {},
       senderMessageBackgroundColor: Colors.grey_gainsboro,