fix: lint warnings in the SDK and example app

Author: khushal87

examples/SampleApp/.eslintrc.json

@@ -140,7 +140,7 @@
         "no-mixed-spaces-and-tabs": 1,
         "no-self-compare": 2,
         "no-underscore-dangle": [2, { "allowAfterThis": true }],
-        "no-unused-vars": [1, { "ignoreRestSiblings": true }],
+        "no-unused-vars": [1, { "ignoreRestSiblings": true, "args":"none" }],
         "no-useless-concat": 2,
         "no-var": 2,
         "object-shorthand": 1,

examples/SampleApp/src/components/ChatScreenHeader.tsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Image, StyleSheet, TouchableOpacity } from 'react-native';
 import { CompositeNavigationProp, useNavigation } from '@react-navigation/native';
 import { useChatContext, useTheme } from 'stream-chat-react-native';
 

examples/SampleApp/src/hooks/useChatClient.ts

@@ -15,8 +15,6 @@ import type {
   LoginConfig,
 } from '../types';
 
-const getRandomInt = (min: number, max: number) => Math.floor(Math.random() * (max - min)) + min;
-
 export const useChatClient = () => {
   const [chatClient, setChatClient] = useState<StreamChat<
     LocalAttachmentType,
@@ -41,7 +39,6 @@ export const useChatClient = () => {
     >(config.apiKey, {
       timeout: 6000,
     });
-    const randomSeed = getRandomInt(1, 50);
     const user = {
       id: config.userId,
       image: config.userImage,

examples/SampleApp/src/icons/Close.tsx

@@ -4,7 +4,7 @@ import { useTheme } from 'stream-chat-react-native';
 
 import { IconProps } from '../utils/base';
 
-export const Close: React.FC<IconProps> = ({ active, height, width }) => {
+export const Close: React.FC<IconProps> = ({ height, width }) => {
   const {
     theme: {
       colors: { black },

examples/SampleApp/src/icons/RightArrow.tsx

@@ -4,7 +4,7 @@ import { useTheme } from 'stream-chat-react-native';
 
 import { IconProps } from '../utils/base';
 
-export const RightArrow: React.FC<IconProps> = ({ active, height, width }) => {
+export const RightArrow: React.FC<IconProps> = ({ height, width }) => {
   const {
     theme: {
       colors: { accent_blue },

examples/SampleApp/src/screens/NewDirectMessagingScreen.tsx

@@ -1,13 +1,11 @@
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { Alert, Platform, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import { Platform, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import {
   Channel,
   Group,
   MessageInput,
   MessageList,
-  SendButton,
-  SendButtonProps,
   User,
   UserAdd,
   useTheme,
@@ -163,7 +161,8 @@ export const NewDirectMessagingScreen: React.FC<NewDirectMessagingScreenProps> =
 
   const [focusOnMessageInput, setFocusOnMessageInput] = useState(false);
   const [focusOnSearchInput, setFocusOnSearchInput] = useState(true);
-  const [messageInputText, setMessageInputText] = useState('');
+  // As we dont use the first state variable we can simple not have it here and just separate with a comma within the array. Fix for no-usused-vars
+  const [, setMessageInputText] = useState('');
 
   // When selectedUsers are changed, initiate a channel with those users as members,
   // and set it as a channel on current screen.