fix: lint issues

Author: khushal87

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -101,8 +101,8 @@ export const useCreateMessagesContext = <
   targetedMessage,
   TypingIndicator,
   TypingIndicatorContainer,
-  updateMessage,
   UnreadMessagesNotification,
+  updateMessage,
   UrlPreview,
   VideoThumbnail,
 }: MessagesContextValue<StreamChatGenerics> & {
@@ -212,8 +212,8 @@ export const useCreateMessagesContext = <
       targetedMessage,
       TypingIndicator,
       TypingIndicatorContainer,
-      updateMessage,
       UnreadMessagesNotification,
+      updateMessage,
       UrlPreview,
       VideoThumbnail,
     }),

package/src/components/Channel/hooks/useMessageListPagination.tsx

@@ -190,7 +190,7 @@ export const useMessageListPagination = <
    * Loads channel at first unread message.
    */
   const loadChannelAtFirstUnreadMessage: ChannelContextValue<StreamChatGenerics>['loadChannelAtFirstUnreadMessage'] =
-    async ({ limit = 25, channelUnreadState, setChannelUnreadState, setTargetedMessage }) => {
+    async ({ channelUnreadState, limit = 25, setChannelUnreadState, setTargetedMessage }) => {
       try {
         if (!channelUnreadState?.unread_messages) return;
         const { first_unread_message_id, last_read, last_read_message_id } = channelUnreadState;

package/src/components/MessageList/InlineUnreadIndicator.tsx

@@ -4,18 +4,6 @@ import { StyleSheet, Text, View } from 'react-native';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 10,
-    marginTop: 2,
-  },
-  text: {
-    fontSize: 12,
-  },
-});
-
 export const InlineUnreadIndicator = () => {
   const {
     theme: {
@@ -33,3 +21,15 @@ export const InlineUnreadIndicator = () => {
     </View>
   );
 };
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginTop: 2,
+    padding: 10,
+  },
+  text: {
+    fontSize: 12,
+  },
+});

package/src/components/MessageList/UnreadMessagesNotification.tsx

@@ -1,7 +1,9 @@
+import React from 'react';
 import { Pressable, StyleSheet, Text } from 'react-native';
+
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import { Close } from '../../icons';
 import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
+import { Close } from '../../icons';
 
 export type UnreadMessagesNotificationProps = {
   /**
@@ -12,7 +14,6 @@ export type UnreadMessagesNotificationProps = {
    * Callback to handle the close event
    */
   onCloseHandler?: () => void;
-
   /**
    * If the notification is visible
    */
@@ -58,24 +59,23 @@ export const UnreadMessagesNotification = (props: UnreadMessagesNotificationProp
 const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
-    flexDirection: 'row',
-    position: 'absolute',
-    top: 8,
     borderRadius: 20,
-    paddingVertical: 8,
+    elevation: 4,
+    flexDirection: 'row',
     paddingHorizontal: 16,
+    paddingVertical: 8,
+    position: 'absolute',
     shadowColor: '#000',
     shadowOffset: {
-      width: 0,
       height: 2,
+      width: 0,
     },
     shadowOpacity: 0.23,
     shadowRadius: 2.62,
-
-    elevation: 4,
+    top: 8,
   },
   text: {
-    marginRight: 8,
     fontWeight: '500',
+    marginRight: 8,
   },
 });