Code cleanup - early return and import order

Author: vishalnarkhede

src/components/MessageList/InlineLoadingIndicator.tsx

@@ -22,13 +22,13 @@ export const InlineLoadingIndicator: React.FC<InlineLoadingIndicatorProps> = ({
     colors: { accent_blue },
   } = theme;
 
-  if (loadingMore) {
-    return (
-      <View style={styles.activityIndicatorContainer}>
-        <ActivityIndicator color={accent_blue} size='small' />
-      </View>
-    );
+  if (!loadingMore) {
+    return null;
   }
 
-  return null;
+  return (
+    <View style={styles.activityIndicatorContainer}>
+      <ActivityIndicator color={accent_blue} size='small' />
+    </View>
+  );
 };

src/components/MessageList/MessageList.tsx

@@ -9,12 +9,16 @@ import {
   ViewToken,
 } from 'react-native';
 
+import {
+  InlineLoadingIndicator,
+  InlineLoadingIndicatorProps,
+} from './InlineLoadingIndicator';
+import { getLastReceivedMessage } from './utils/getLastReceivedMessage';
 import {
   isMessagesWithStylesAndReadBy,
   MessageType,
   useMessageList,
 } from './hooks/useMessageList';
-import { getLastReceivedMessage } from './utils/getLastReceivedMessage';
 
 import {
   AttachmentPickerContextValue,
@@ -63,10 +67,6 @@ import type {
   DefaultUserType,
   UnknownType,
 } from '../../types/types';
-import {
-  InlineLoadingIndicator,
-  InlineLoadingIndicatorProps,
-} from './InlineLoadingIndicator';
 
 const styles = StyleSheet.create({
   container: {