Merge pull request #2971 from GetStream/develop

Next Release

Author: isekovanic

Diff for: package/src/components/MessageInput/FileUploadPreview.tsx

@@ -161,7 +161,7 @@ const FileUploadPreviewWithContext = <
       })),
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [fileUploads.length]);
+  }, [fileUploads]);
 
   // Handler triggered when an audio is loaded in the message input. The initial state is defined for the audio here and the duration is set.
   const onLoad = (index: string, duration: number) => {

Diff for: package/src/components/MessageMenu/MessageMenu.tsx

@@ -12,6 +12,7 @@ import {
   MessagesContextValue,
   useMessagesContext,
 } from '../../contexts/messagesContext/MessagesContext';
+import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { DefaultStreamChatGenerics } from '../../types/types';
 import { BottomSheetModal } from '../UIComponents/BottomSheetModal';
 
@@ -96,10 +97,23 @@ export const MessageMenu = <
     propMessageUserReactionsAvatar ?? contextMessageUserReactionsAvatar;
   const MessageUserReactionsItem = propMessageUserReactionsItem ?? contextMessageUserReactionsItem;
   const message = propMessage ?? contextMessage;
+  const {
+    theme: {
+      messageMenu: {
+        bottomSheet: { height: bottomSheetHeight },
+      },
+    },
+  } = useTheme();
 
   return (
     <BottomSheetModal
-      height={messageActions.length === 0 && !showMessageReactions ? height / 5 : height / 2}
+      height={
+        bottomSheetHeight
+          ? bottomSheetHeight
+          : messageActions.length === 0 && !showMessageReactions
+          ? height / 5
+          : height / 2
+      }
       onClose={dismissOverlay}
       visible={visible}
     >

Diff for: package/src/contexts/themeContext/utils/theme.ts

@@ -450,6 +450,9 @@ export type Theme = {
       icon: ViewStyle;
       title: TextStyle;
     };
+    bottomSheet: {
+      height?: number;
+    };
     reactionButton: {
       filledColor: ColorValue;
       unfilledColor: ColorValue;
@@ -1207,6 +1210,7 @@ export const defaultTheme: Theme = {
       icon: {},
       title: {},
     },
+    bottomSheet: {},
     reactionButton: {
       filledColor: Colors.accent_blue,
       unfilledColor: Colors.grey,