fix: avoid check using version

Author: khushal87

package/src/components/ImageGallery/components/ImageGalleryFooter.tsx

@@ -30,10 +30,9 @@ import {
 } from '../../../native';
 
 import { FileTypes } from '../../../types/types';
-import { getReactNativeVersion } from '../../../utils/getReactNativeVersion';
 import type { Photo } from '../ImageGallery';
 
-const SafeAreaView = getReactNativeVersion().minor >= 81 ? SafeAreaViewOriginal : RNSafeAreaView;
+const SafeAreaView = SafeAreaViewOriginal ?? RNSafeAreaView;
 
 const ReanimatedSafeAreaView = Animated.createAnimatedComponent
   ? Animated.createAnimatedComponent(SafeAreaView)

package/src/components/ImageGallery/components/ImageGalleryHeader.tsx

@@ -23,12 +23,11 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { Close } from '../../../icons';
 
-import { getReactNativeVersion } from '../../../utils/getReactNativeVersion';
 import { getDateString } from '../../../utils/i18n/getDateString';
 import type { Photo } from '../ImageGallery';
 
 // This is a workaround to support SafeAreaView on React Native 0.81.0+
-const SafeAreaView = getReactNativeVersion().minor >= 81 ? SafeAreaViewOriginal : RNSafeAreaView;
+const SafeAreaView = SafeAreaViewOriginal ?? RNSafeAreaView;
 
 const ReanimatedSafeAreaView = Animated.createAnimatedComponent
   ? Animated.createAnimatedComponent(SafeAreaView)

package/src/components/MessageInput/MessageInput.tsx

@@ -67,13 +67,12 @@ import {
   isImageMediaLibraryAvailable,
   NativeHandlers,
 } from '../../native';
-import { getReactNativeVersion } from '../../utils/getReactNativeVersion';
 import { AIStates, useAIState } from '../AITypingIndicatorView';
 import { AutoCompleteInput } from '../AutoCompleteInput/AutoCompleteInput';
 import { CreatePoll } from '../Poll/CreatePollContent';
 
 // This is a workaround to support SafeAreaView on React Native 0.81.0+
-const SafeAreaView = getReactNativeVersion().minor >= 81 ? SafeAreaViewOriginal : RNSafeAreaView;
+const SafeAreaView = SafeAreaViewOriginal ?? RNSafeAreaView;
 
 const styles = StyleSheet.create({
   attachmentSeparator: {

package/src/components/Poll/components/PollButtons.tsx

@@ -13,12 +13,11 @@ import { PollAllOptions } from './PollOption';
 import { PollResults } from './PollResults';
 
 import { useChatContext, usePollContext, useTheme, useTranslationContext } from '../../../contexts';
-import { getReactNativeVersion } from '../../../utils/getReactNativeVersion';
 import { usePollState } from '../hooks/usePollState';
 
 // This is a workaround to support SafeAreaView on React Native 0.81.0+
 const SafeAreaViewWrapper = ({ children, style }: PropsWithChildren<{ style: ViewStyle }>) => {
-  if (getReactNativeVersion().minor >= 81) {
+  if (SafeAreaViewOriginal) {
     return (
       <SafeAreaProvider>
         <SafeAreaViewOriginal edges={['bottom', 'top']} style={style}>

package/src/components/Poll/components/PollResults/PollResultItem.tsx

@@ -25,14 +25,13 @@ import {
   useTranslationContext,
 } from '../../../../contexts';
 
-import { getReactNativeVersion } from '../../../../utils/getReactNativeVersion';
 import { usePollState } from '../../hooks/usePollState';
 import { GenericPollButton } from '../Button';
 import { PollModalHeader } from '../PollModalHeader';
 
 // This is a workaround to support SafeAreaView on React Native 0.81.0+
 const SafeAreaViewWrapper = ({ children, style }: PropsWithChildren<{ style: ViewStyle }>) => {
-  if (getReactNativeVersion().minor >= 81) {
+  if (SafeAreaViewOriginal) {
     return (
       <SafeAreaProvider>
         <SafeAreaViewOriginal edges={['bottom', 'top']} style={style}>