style: fix lint issues

Author: MartinCupela

src/components/AutoCompleteTextarea/TextareaX.tsx

@@ -115,6 +115,7 @@ export const TextareaX = <
     disableMentions,
     grow = true,
     handleSubmit,
+    innerRef,
     maxRows = 10,
     minChar = 1,
     movePopupAsYouType = false,
@@ -128,12 +129,11 @@ export const TextareaX = <
     shouldSubmit,
     showCommandsList,
     showMentionsList,
-    SuggestionItem,
     // @ts-ignore
+    SuggestionItem,
     SuggestionList = DefaultSuggestionList,
     trigger,
     value: initialValue = '',
-    innerRef,
     ...restProps
   } = props;
 
@@ -794,11 +794,11 @@ export const TextareaX = <
 
         return (
           <div
-            ref={setDropdownRef}
             className={clsx(
               'str-chat__suggestion-list-container',
               restProps.dropdownClassName,
             )}
+            ref={setDropdownRef}
             style={restProps.dropdownStyle}
           >
             {/*// @ts-ignore*/}
@@ -822,6 +822,7 @@ export const TextareaX = <
         {..._cleanUpProps()}
         {...restProps.additionalTextareaProps}
         className={clsx('rta__textarea', restProps.className)}
+        defaultValue={undefined}
         maxRows={grow ? maxRows : 1}
         onBlur={(e) => {
           _onClickAndBlurHandler(e);
@@ -863,7 +864,6 @@ export const TextareaX = <
         }}
         style={restProps.style}
         value={state.value}
-        defaultValue={undefined}
       />
     </div>
   );

src/components/Channel/Channel.tsx

@@ -1147,7 +1147,7 @@ const ChannelInner = <V extends CustomTrigger = CustomTrigger>(
     event?.preventDefault();
     // todo: revisit how to open a thread
 
-    let threadInstance = client.threads.threadsById[message.id];
+    const threadInstance = client.threads.threadsById[message.id];
     if (threadInstance) {
       dispatch({ channel, message, threadInstance, type: 'openThread' });
       return;

src/components/MessageInput/MessageDraftSynchronizer.tsx

@@ -65,8 +65,8 @@ export const MessageDraftSynchronizer = <
     findAndEnqueueURLsToEnrich,
     lastChange,
     linkPreviews,
-    message: editedMessage,
     mentioned_users,
+    message: editedMessage,
     numberOfUploads,
     parent,
     setComposerState,

src/components/MessageInput/MessageInputFlat.tsx

@@ -11,9 +11,9 @@ import { SendButton as DefaultSendButton } from './SendButton';
 import { StopAIGenerationButton as DefaultStopAIGenerationButton } from './StopAIGenerationButton';
 import {
   AudioRecorder as DefaultAudioRecorder,
-  RecordingPermission,
   RecordingPermissionDeniedNotification as DefaultRecordingPermissionDeniedNotification,
   StartRecordingAudioButton as DefaultStartRecordingAudioButton,
+  RecordingPermission,
 } from '../MediaRecorder';
 import {
   QuotedMessagePreview as DefaultQuotedMessagePreview,

src/components/MessageInput/QuotedMessagePreview.tsx

@@ -65,23 +65,23 @@ export const QuotedMessagePreview = ({
     messageComposerStateStoreSelector,
   );
 
-  const quotedMessageText = useMemo(() => {
-    return (
+  const quotedMessageText = useMemo(
+    () =>
       quotedMessage?.i18n?.[`${userLanguage}_text` as `${TranslationLanguages}_text`] ||
-      quotedMessage?.text
-    );
-  }, [quotedMessage]);
+      quotedMessage?.text,
+    [quotedMessage],
+  );
 
   const renderedText = useMemo(
     () => renderText(quotedMessageText, quotedMessage.mentioned_users),
     [quotedMessage.mentioned_users, quotedMessageText, renderText],
   );
 
-  const quotedMessageAttachments = useMemo(() => {
-    return quotedMessage?.attachments?.length
-      ? quotedMessage.attachments.slice(0, 1)
-      : [];
-  }, [quotedMessage]);
+  const quotedMessageAttachments = useMemo(
+    () =>
+      quotedMessage?.attachments?.length ? quotedMessage.attachments.slice(0, 1) : [],
+    [quotedMessage],
+  );
 
   const poll = quotedMessage?.poll_id && client.polls.fromState(quotedMessage.poll_id);
 

src/components/MessageInput/hooks/useCreateMessageInputContext.ts

@@ -55,8 +55,8 @@ export const useCreateMessageInputContext = <V extends CustomTrigger = CustomTri
     publishTypingEvent,
     recordingController,
     removeAttachments,
-    setCooldownRemaining,
     setComposerState,
+    setCooldownRemaining,
     setText,
     shouldSubmit,
     showCommandsList,

src/components/TextAreaComposer/TextAreaComposer.tsx

@@ -237,8 +237,8 @@ export const TextAreaComposer = <
     >
       {!isComposing && !!suggestions && (
         <div
-          ref={setSuggestionListContainer}
           className={clsx('str-chat__suggestion-list-container', dropdownClassName)}
+          ref={setSuggestionListContainer}
         >
           <AutocompleteSuggestionList
             className={listClassName}
@@ -250,11 +250,12 @@ export const TextAreaComposer = <
       <Textarea
         {...restProps}
         aria-label={cooldownRemaining ? t('Slow Mode ON') : placeholder}
-        data-testid='message-input'
         className={clsx(
           'rta__textarea',
           'str-chat__textarea__textarea str-chat__message-textarea',
         )}
+        data-testid='message-input'
+        defaultValue={undefined}
         disabled={disabled || !!cooldownRemaining}
         maxRows={grow ? maxRows : 1}
         onBlur={clickAndBlurHandler}
@@ -272,7 +273,6 @@ export const TextAreaComposer = <
           textareaRef.current = ref;
         }}
         value={text}
-        defaultValue={undefined}
       />
     </div>
   );

src/mock-builders/generator/messageDraft.ts

@@ -7,11 +7,10 @@ export const generateMessageDraft = <
 >({
   channel_cid,
   ...customMsgDraft
-}: Partial<DraftResponse<StreamChatGenerics>>) => {
-  return {
+}: Partial<DraftResponse<StreamChatGenerics>>) =>
+  ({
     channel_cid,
     created_at: new Date().toISOString(),
     message: generateMessage(),
     ...customMsgDraft,
-  } as DraftResponse<StreamChatGenerics>;
-};
+  }) as DraftResponse<StreamChatGenerics>;