Merge pull request #1398 from GetStream/steve/sample-app-crashes-blur

fix: solves multiple crashes in the Sample app, that were related to setBlurType

Author: vanGalilea

docusaurus/docs/reactnative/common-content/contexts/overlay-context/set_blur_type.mdx

@@ -1,4 +1,4 @@
-Setter for [`overlay`](../../../contexts/overlay_context.mdx#overlay). You can use this setter to show the overlay. Please make sure to explicitely relevant blur background type for overlay by using [`setBlurType`](../../../contexts/overlay_context.mdx#setblurtype).
+Setter for [`overlay`](../../../contexts/overlay_context.mdx#overlay). You can use this setter to show the overlay.
 
 | Type                |
 | ------------------- |

docusaurus/docs/reactnative/common-content/contexts/overlay-context/set_overlay.mdx

@@ -31,15 +31,14 @@ You can use this `ImageGalleryContext` in combination with `OverlayContext` to o
 
 ```tsx
 const { images, setImages } = useImageGalleryContext();
-const { setBlurType, setOverlay } = useOverlayContext();
+const { setOverlay } = useOverlayContext();
 
 onPress={() => {
   setImages(messagesWithImage);
   setImage({
     messageId: selectedItem.messageId,
     url: selectedItem.uri,
   });
-  setBlurType('dark');
   setOverlay('gallery');
 }}
 ```

docusaurus/docs/reactnative/contexts/image_gallery_context.mdx

@@ -3,7 +3,6 @@ id: overlay-context
 title: OverlayContext
 ---
 
-import SetBlurType from '../common-content/contexts/overlay-context/set_blur_type.mdx';
 import SetOverlay from '../common-content/contexts/overlay-context/set_overlay.mdx';
 
 `OverlayContext` is provided by [`OverlayProvider`](../core-components/overlay_provider.mdx) component. If you are not familiar with React Context API, please read about it on [React docs](https://reactjs.org/docs/context.html).
@@ -16,15 +15,15 @@ import SetOverlay from '../common-content/contexts/overlay-context/set_overlay.m
 import { useContext } from 'react';
 import { OverlayContext } from 'stream-chat-react-native';
 
-const { setBlurType, setOverlay } = useContext(OverlayContext);
+const { setOverlay } = useContext(OverlayContext);
 ```
 
 Alternatively, you can also use `useOverlayContext` hook provided by library to consume OverlayContext.
 
 ```tsx
 import { useOverlayContext } from 'stream-chat-react-native';
 
-const { setBlurType, setOverlay } = useOverlayContext();
+const { setOverlay } = useOverlayContext();
 ```
 
 ## Value
@@ -42,10 +41,6 @@ Current active overlay. Overlay gets rendered in following cases
 | ------------------------------------------- |
 | enum('alert', 'gallery', 'message', 'none') |
 
-### setBlurType
-
-<SetBlurType />
-
 ### setOverlay
 
 <SetOverlay />

docusaurus/docs/reactnative/contexts/overlay_context.mdx

@@ -21,7 +21,6 @@ import OnlyEmojis from '../common-content/contexts/message-context/only_emojis.m
 import OtherAttachments from '../common-content/contexts/message-context/other_attachments.mdx';
 import ThreadList from '../common-content/contexts/message-context/thread_list.mdx';
 
-import SetBlurType from '../common-content/contexts/overlay-context/set_blur_type.mdx';
 import SetOverlay from '../common-content/contexts/overlay-context/set_overlay.mdx';
 
 import AdditionalTouchableProps from '../common-content/core-components/channel/props/additional_touchable_props.mdx';
@@ -105,10 +104,6 @@ If true, onPress handler will be disabled.
 | ------- | ------- |
 | boolean | false   |
 
-### <div class="label description">_overrides the value from [OverlayContext](../contexts/overlay_context.mdx#setblurtype)_</div> setBlurType {#setblurtype}
-
-<SetBlurType />
-
 ### <div class="label description">_overrides the value from [ImageGalleryContext](../contexts/image_gallery_context.mdx#setimage)_</div> setImage {#setimage}
 
 <SetImage />

docusaurus/docs/reactnative/ui-components/gallery.mdx

@@ -848,4 +848,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: a640bd2ecc4e73329d8379590f3ee5bc09ecba5f
 
-COCOAPODS: 1.11.3
+COCOAPODS: 1.11.2

examples/SampleApp/ios/Podfile.lock

@@ -67,7 +67,7 @@ export const ChannelImagesScreen: React.FC<ChannelImagesScreenProps> = ({
   },
 }) => {
   const { images, setImage, setImages } = useImageGalleryContext<StreamChatGenerics>();
-  const { setBlurType, setOverlay } = useOverlayContext();
+  const { setOverlay } = useOverlayContext();
   const { loading, loadMore, messages } = usePaginatedAttachments(channel, 'image');
   const {
     theme: {
@@ -179,7 +179,6 @@ export const ChannelImagesScreen: React.FC<ChannelImagesScreenProps> = ({
                   messageId: item.messageId,
                   url: item.uri,
                 });
-                setBlurType('dark');
                 setOverlay('gallery');
               }}
             >

examples/SampleApp/src/screens/ChannelImagesScreen.tsx

@@ -162,7 +162,7 @@ export const GroupChannelDetailsScreen: React.FC<GroupChannelDetailsProps> = ({
   const { setData: setBottomSheetOverlayData } = useBottomSheetOverlayContext();
   const { setData: setUserInfoOverlayData } = useUserInfoOverlayContext();
   const navigation = useNavigation<GroupChannelDetailsScreenNavigationProp>();
-  const { setBlurType, setOverlay } = useOverlayContext();
+  const { setOverlay } = useOverlayContext();
   const {
     theme: {
       colors: { accent_blue, accent_green, black, border, grey, white, white_smoke },
@@ -225,8 +225,6 @@ export const GroupChannelDetailsScreen: React.FC<GroupChannelDetailsProps> = ({
     if (chatClient?.user?.id) {
       await channel.removeMembers([chatClient?.user?.id]);
     }
-
-    setBlurType(undefined);
     setAppOverlay('none');
     setOverlay('none');