updated breaking changes of modalize

app/layout/shared/ConnectionsBottomSheet.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import { responsiveHeight, responsiveWidth } from 'react-native-responsive-dimensions';
 import { FlatGrid } from 'react-native-super-grid';
 import BottomSheetHeader from '../headers/BottomSheetHeader';

app/screens/LoginScreen/components/TermsAndConditionsBottomSheet.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { StyleSheet, View, Text } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import { AppContext } from '@app/context';
 import { BottomSheetHeader } from '@app/layout';
 import { Typography } from '@app/theme';

app/screens/MessageScreen/components/NewMessageBottomSheet.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import { responsiveHeight, responsiveWidth } from 'react-native-responsive-dimensions';
 import { FlatGrid } from 'react-native-super-grid';
 import EmptyConnectionsBanner from '@app/../assets/svg/empty-connections.svg';

app/screens/NotificationScreen/components/NotificationCard.tsx

@@ -18,7 +18,7 @@ interface NotificationCardPros {
   avatar: string,
   handle: string,
   resourceId: string,
-  type: any, // FIXME:
+  type: keyof typeof NotificationType,
   time: string
 };
 

app/screens/PostViewScreen/components/EditPostBottomSheet.tsx

@@ -1,7 +1,7 @@
 import { useMutation } from '@apollo/react-hooks';
 import React, { useContext, useRef, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import Feather from 'react-native-vector-icons/Feather';
 import { Errors, IconSizes } from '@app/constants';
 import { AppContext } from '@app/context';

app/screens/PostViewScreen/components/LikesBottomSheet.tsx

@@ -1,7 +1,7 @@
 import { useQuery } from '@apollo/react-hooks';
 import React, { useContext } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import { responsiveHeight, responsiveWidth } from 'react-native-responsive-dimensions';
 import { FlatGrid } from 'react-native-super-grid';
 import EmptyLikesBanner from '@app/assets/svg/empty-likes.svg';

app/screens/PostViewScreen/components/PostOptionsBottomSheet.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import { AppContext } from '@app/context';
 import { BottomSheetHeader, Option } from '@app/layout';
 import { ThemeColors } from '@app/types/theme';

app/screens/ProfileScreen/components/AboutBottomSheet.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { Image, Linking, StyleSheet, Text, View } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import { responsiveHeight } from 'react-native-responsive-dimensions';
 import AntDesign from 'react-native-vector-icons/AntDesign';
 import ProximityLogo from '@app/assets/images/proximity-logo.png';

app/screens/ProfileScreen/components/BlockListBottomSheet.tsx

@@ -2,7 +2,7 @@ import { useMutation, useQuery } from '@apollo/react-hooks';
 import React, { useContext, useRef } from 'react';
 import { StyleSheet, View } from 'react-native';
 import Swipeable from 'react-native-gesture-handler/Swipeable';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import { responsiveHeight, responsiveWidth } from 'react-native-responsive-dimensions';
 import { FlatGrid } from 'react-native-super-grid';
 import EmptyBlockListBanner from '@app/assets/svg/empty-blocklist.svg';

app/screens/ProfileScreen/components/EditProfileBottomSheet.tsx

@@ -1,7 +1,7 @@
 import { useLazyQuery, useMutation } from '@apollo/react-hooks';
 import React, { useContext, useEffect, useState } from 'react';
 import { ImageBackground, StyleSheet, TouchableOpacity, View } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import { IconSizes, Asset, Errors } from '@app/constants';
 import { AppContext } from '@app/context';

app/screens/ProfileScreen/components/SettingsBottomSheet.tsx

@@ -1,6 +1,6 @@
 import React, { useContext, useEffect, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import Checkbox from 'react-native-modest-checkbox';
 import { responsiveWidth } from 'react-native-responsive-dimensions';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';

app/screens/ProfileViewScreen/components/ProfileOptionsBottomSheet.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Modalize from 'react-native-modalize';
+import { Modalize } from 'react-native-modalize';
 import { AppContext } from '@app/context';
 import { BottomSheetHeader, Option } from '@app/layout';
 import { ThemeStatic } from '@app/theme';