quickblox-react-ui-kit 0.4.2-beta.5 → 0.4.4-alpha.5

package/src/Domain/use_cases/SyncDialogsUseCase.ts

@@ -19,7 +19,7 @@ export class SyncDialogsUseCase extends BaseUseCase<boolean, boolean> {
 
   private timer2Id: NodeJS.Timer | undefined;
 
-  private timerId: NodeJS.Timer | undefined;
+  private timerId: NodeJS.Timeout | null = null;
 
   constructor(
     dialogRepository: DialogsRepository,
@@ -171,7 +171,7 @@ export class SyncDialogsUseCase extends BaseUseCase<boolean, boolean> {
   override release() {
     super.release();
     if (this.timerId) {
-      clearTimeout(this.timerId);
+      clearInterval(this.timerId as NodeJS.Timeout);
     }
   }
 }

package/src/Domain/use_cases/UserTypingMessageUseCase.ts

@@ -11,7 +11,7 @@ export class UserTypingMessageUseCase implements IUseCase<void, void> {
 
   private typingTimeout = 3;
 
-  private _typingTimer: NodeJS.Timer | undefined;
+  private _typingTimer: NodeJS.Timeout | null = null;
 
   private _typingTime = 0;
 
@@ -38,8 +38,8 @@ export class UserTypingMessageUseCase implements IUseCase<void, void> {
       this._typingTimer = setInterval(() => {
         if ((Date.now() - this._typingTime) / 1000 >= this.typingTimeout) {
           this.messagesRepository.typingMessageStop(this.dialog, this.senderId);
-          clearInterval(this._typingTimer);
-          this._typingTimer = undefined;
+          clearInterval(this._typingTimer as NodeJS.Timeout);
+          this._typingTimer = null;
           this._typingTime = 0;
         }
       }, 500);

package/src/Presentation/Views/Dialog/AIComponents/AIAssist/AIAssist.tsx

@@ -1,5 +1,5 @@
 import cn from 'classnames';
-import { ReactComponent as RobotSvg } from '../../../../icons/actions/robot.svg';
+import RobotSvg from '../../../../icons/actions/robot.svg?react';
 import { AIMessageWidget } from '../../AIWidgets/AIMessageWidget';
 import { MessageEntity } from '../../../../../Domain/entity/MessageEntity';
 import { AIUtils } from '../../../../../utils/utils';

package/src/Presentation/Views/Dialog/AIComponents/AITranslate/AITranslate.tsx

@@ -1,6 +1,6 @@
 import cn from 'classnames';
 import Dropdown from '../../../../ui-components/Dropdown/Dropdown';
-import { ReactComponent as TranslateSvg } from '../../../../icons/actions/translate.svg';
+import TranslateSvg from '../../../../icons/actions/translate.svg?react';
 import { MessageEntity } from '../../../../../Domain/entity/MessageEntity';
 import { AIMessageWidget } from '../../AIWidgets/AIMessageWidget';
 import { AIUtils } from '../../../../../utils/utils';

package/src/Presentation/Views/Dialog/AIWidgets/AIRephraseWidget/AIRephraseWidget.tsx

@@ -40,7 +40,7 @@ type AIRephraseWidgetProps = {
   disableActions?: boolean;
 };
 // eslint-disable-next-line react/function-component-definition
-const AIRephraseWidget: React.FC<AIRephraseWidgetProps> = ({
+const AIRephraseWidget = ({
   messageText,
   waitAIWidget,
   setWaitAIWidget,

package/src/Presentation/Views/Dialog/AIWidgets/SliderMenu.tsx

@@ -23,7 +23,7 @@ type SliderMenuProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const SliderMenu: React.FC<SliderMenuProps> = ({
+const SliderMenu = ({
   items,
   width,
   arrowColor = 'black',
@@ -37,7 +37,7 @@ const SliderMenu: React.FC<SliderMenuProps> = ({
   fontSize = 14,
   activeItemBorderColor = 'blue',
   activeItemBoxShadow = '2px 2px 4px rgba(0, 0, 0, 0.2)',
-}) => {
+}:SliderMenuProps) => {
   const [currentIndex, setCurrentIndex] = useState(-1);
   const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
 

package/src/Presentation/Views/Dialog/Dialog.tsx

@@ -18,18 +18,18 @@ type DialogProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const Dialog: React.FC<DialogProps> = ({
-  messagesViewModel,
-  maxWidthToResize = undefined,
-  warningErrorText,
-  renderHeader,
-  renderMessageList,
-  renderMessageInput,
-  theme = undefined,
-  headerContent = undefined,
-  rootStyles = {},
-  messagesContainerStyles = {},
-}: DialogProps) => {
+const Dialog = ({
+                  messagesViewModel,
+                  maxWidthToResize = undefined,
+                  warningErrorText,
+                  renderHeader,
+                  renderMessageList,
+                  renderMessageInput,
+                  theme = undefined,
+                  headerContent = undefined,
+                  rootStyles = {},
+                  messagesContainerStyles = {},
+                }: DialogProps) => {
   const [currentWarningErrorText, setCurrentWarningErrorText] =
     useState<string>('');
 

package/src/Presentation/Views/Dialog/DialogHeader/DialogBackIcon/DialogBackIcon.tsx

@@ -8,10 +8,7 @@ type RenderLeftActionsProps = {
   onClickBack: FunctionTypeVoidToVoid;
 };
 
-const DialogBackIcon: React.FC<
-  RenderLeftActionsProps
-  // eslint-disable-next-line react/function-component-definition
-> = ({ onClickBack }: RenderLeftActionsProps) => {
+const DialogBackIcon = ({ onClickBack }: RenderLeftActionsProps) => {
   return (
     <div className="dialog-header-left-icon">
       <ActiveSvg

package/src/Presentation/Views/Dialog/DialogHeader/DialogHeader.tsx

@@ -11,7 +11,7 @@ type DialogHeaderProps = {
   theme?: UiKitTheme;
 };
 // eslint-disable-next-line react/function-component-definition
-const DialogHeader: React.FC<DialogHeaderProps> = ({
+const DialogHeader = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   dialogName,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/src/Presentation/Views/Dialog/DialogHeader/DialogInfoIcon/DialogInfoIcon.tsx

@@ -9,10 +9,7 @@ type RenderRightActionsProps = {
   onClickInfo: FunctionTypeVoidToVoid;
   theme?: UiKitTheme;
 };
-const DialogInfoIcon: React.FC<
-  RenderRightActionsProps
-  // eslint-disable-next-line react/function-component-definition
-> = ({
+const DialogInfoIcon = ({
   onClickInfo,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   theme = undefined,

package/src/Presentation/Views/Dialog/DropDownMenu/DropDownMenu.tsx

@@ -67,7 +67,7 @@ type DropDownMenuProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-export const DropDownMenu: React.FC<DropDownMenuProps> = ({
+export const DropDownMenu = ({
   items,
 }: // itemsAI,
 DropDownMenuProps) => {

package/src/Presentation/Views/Dialog/DropDownMenu/ItemDropDownMenu/ItemDropDownMenu.tsx

@@ -10,7 +10,7 @@ type ItemDropDownMenuProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-export const ItemDropDownMenu: React.FC<ItemDropDownMenuProps> = ({
+export const ItemDropDownMenu = ({
   item,
   icon,
   touchAction,

package/src/Presentation/Views/Dialog/ErrorToast/ErrorToast.tsx

@@ -7,7 +7,7 @@ type ErrorToastProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-export const ErrorToast: React.FC<ErrorToastProps> = ({
+export const ErrorToast = ({
   messageText,
 }: // displayTimeout,
 ErrorToastProps) => {

package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogListItem/DialogListItem.tsx

@@ -64,7 +64,7 @@ const renderAvatar = (urlAvatar: string, typeDialog: DialogType) => {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const DialogListItem: React.FC<DialogListItemProps> = ({
+const DialogListItem = ({
   name,
   avatar,
   typeDialog,

package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/DialogsWithSearch.tsx

@@ -17,7 +17,7 @@ type DialogsWithSearchProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const DialogsWithSearch: React.FC<DialogsWithSearchProps> = ({
+const DialogsWithSearch = ({
   dialogs,
   currentDialog,
   selectedDialogs,

package/src/Presentation/Views/Dialog/ForwardMessageFlow/DialogsWithSearch/SearchComponent/SearchComponent.tsx

@@ -9,7 +9,7 @@ type SearchComponentProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const SearchComponent: React.FC<SearchComponentProps> = ({
+const SearchComponent = ({
   onChange,
 }: SearchComponentProps) => {
   const [stringForFilter, setStringForFilter] = useState('');

package/src/Presentation/Views/Dialog/ForwardMessageFlow/ForwardMessageFlow.tsx

@@ -21,7 +21,7 @@ type ForwardMessageFlowProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const ForwardMessageFlow: React.FC<ForwardMessageFlowProps> = ({
+const ForwardMessageFlow = ({
   messages,
   dialogs,
   currentDialog,

package/src/Presentation/Views/Dialog/ForwardMessageFlow/ForwardMessagePreview/ForwardMessagePreview.tsx

@@ -17,7 +17,7 @@ function trimMessage(messageText: string) {
 }
 
 // eslint-disable-next-line react/function-component-definition
-const ForwardMessagePreview: React.FC<ForwardMessagePreviewProps> = ({
+const ForwardMessagePreview = ({
   messages,
   userNameSentMessage,
 }: ForwardMessagePreviewProps) => {

package/src/Presentation/Views/Dialog/ForwardMessageFlow/InputForForwarding/InputForForwarding.tsx

@@ -14,7 +14,7 @@ type InputForForwardingProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const InputForForwarding: React.FC<InputForForwardingProps> = ({
+const InputForForwarding = ({
   inputText,
   onChange,
   onSend,

package/src/Presentation/Views/Dialog/InputMessage/InputMessage.tsx

@@ -21,7 +21,7 @@ type MessageInputProps = {
   theme?: UiKitTheme;
 };
 // eslint-disable-next-line react/function-component-definition
-const InputMessage: React.FC<MessageInputProps> = ({
+const InputMessage = ({
   messageText,
   onChangeText,
   sendText,

package/src/Presentation/Views/Dialog/Message/HighLightLink/HighLightLink.tsx

@@ -75,7 +75,7 @@ type HighLightLinkProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-export const HighLightLink: React.FC<HighLightLinkProps> = ({
+export const HighLightLink = ({
   messageText,
 }: HighLightLinkProps) => {
   /*

package/src/Presentation/Views/Dialog/Message/Message.tsx

@@ -39,7 +39,7 @@ type MessageProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const Message: React.FC<MessageProps> = ({
+const Message = ({
   message,
   userId,
   setWaitAIWidget,

package/src/Presentation/Views/Dialog/Message/MessageAttachment/AudioAttachment/AudioAttachment.tsx

@@ -8,7 +8,7 @@ type AudioAttachmentComponentProps = {
   audioFile: FileEntity;
 };
 // eslint-disable-next-line react/function-component-definition
-const AudioAttachment: React.FC<AudioAttachmentComponentProps> = ({
+const AudioAttachment = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   audioFile,
 }: AudioAttachmentComponentProps) => {

package/src/Presentation/Views/Dialog/Message/MessageAttachment/DefaultAttachment/DefaultAttachment.tsx

@@ -17,7 +17,7 @@ type DefaultAttachmentComponentProps = {
   fileUrl: string;
 };
 // eslint-disable-next-line react/function-component-definition
-const DefaultAttachment: React.FC<DefaultAttachmentComponentProps> = ({
+const DefaultAttachment = ({
   fileName,
   fileUrl,
 }: DefaultAttachmentComponentProps) => {

package/src/Presentation/Views/Dialog/Message/MessageAttachment/ImageAttachment/ImageAttachment.tsx

@@ -7,7 +7,7 @@ type ImageAttachmentComponentProps = {
   imageFile: FileEntity;
 };
 // eslint-disable-next-line react/function-component-definition
-const ImageAttachment: React.FC<ImageAttachmentComponentProps> = ({
+const ImageAttachment = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   imageFile,
 }: ImageAttachmentComponentProps) => {

package/src/Presentation/Views/Dialog/Message/MessageAttachment/VideoAttachment/VideoAttachment.tsx

@@ -7,7 +7,7 @@ type VideoAttachmentComponentProps = {
   videoFile: FileEntity;
 };
 // eslint-disable-next-line react/function-component-definition
-const VideoAttachment: React.FC<VideoAttachmentComponentProps> = ({
+const VideoAttachment = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   videoFile,
 }: VideoAttachmentComponentProps) => {

package/src/Presentation/Views/Dialog/MessageContextMenu/MessageContextMenu.tsx

@@ -1,7 +1,7 @@
 import Dropdown from '../../../ui-components/Dropdown/Dropdown';
 import { MessageEntity } from '../../../../Domain/entity/MessageEntity';
 import { FunctionTypeMessageEntityToVoid } from '../../../../CommonTypes/BaseViewModel';
-import { ReactComponent as MoreSvg } from '../../../icons/navigation/more.svg';
+import MoreSvg from '../../../icons/navigation/more.svg?react';
 import { Option } from '../../../ui-components/Dropdown/DropdownOption';
 import './MessageContextMenu.scss';
 

package/src/Presentation/Views/Dialog/MessageItem/MessageItem.tsx

@@ -13,7 +13,7 @@ import Loader from '../../../ui-components/Loader/Loader';
 import MessageSeparator from '../../../ui-components/MessageSeparator/MessageSeparator';
 import { MessageDTOMapper } from '../../../../Data/source/remote/Mapper/MessageDTOMapper';
 import Avatar from '../../../ui-components/Avatar/Avatar';
-import { ReactComponent as UserSvg } from '../../../icons/contents/user.svg';
+import UserSvg from '../../../icons/contents/user.svg?react';
 import './MessageItem.scss';
 
 export type MessageItemProps = {

package/src/Presentation/Views/Dialog/SystemDateBanner/SystemDateBanner.tsx

@@ -6,7 +6,7 @@ type SystemDateBannerProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-export const SystemDateBanner: React.FC<SystemDateBannerProps> = ({
+export const SystemDateBanner = ({
   text,
 }: SystemDateBannerProps) => {
   return (

package/src/Presentation/Views/Dialog/SystemMessageBanner/SystemMessageBanner.tsx

@@ -6,7 +6,7 @@ type SystemMessageBannerProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-export const SystemMessageBanner: React.FC<SystemMessageBannerProps> = ({
+export const SystemMessageBanner = ({
   messageText,
 }: SystemMessageBannerProps) => {
   return (

package/src/Presentation/Views/Dialog/VoiceMessage/VoiceMessage.tsx

@@ -7,7 +7,7 @@ type VoiceMessageProps = {
   onClick: FunctionTypeVoidToVoid;
 };
 // eslint-disable-next-line react/function-component-definition
-const VoiceMessage: React.FC<VoiceMessageProps> = ({
+const VoiceMessage = ({
   icon,
   onClick,
 }: VoiceMessageProps) => {

package/src/Presentation/Views/DialogInfo/DialogInfo.tsx

@@ -44,7 +44,7 @@ type HeaderDialogsProps = {
   disableAction?: boolean;
 };
 // eslint-disable-next-line react/function-component-definition
-const DialogInfo: React.FC<HeaderDialogsProps> = ({
+const DialogInfo = ({
   dialog,
   dialogViewModel,
   onCloseDialogInformationHandler,

package/src/Presentation/Views/DialogInfo/DialogMemberButton/DialogMembersButton.tsx

@@ -9,11 +9,11 @@ type DialogMembersButtonProps = {
   touchHandler: FunctionTypeVoidToVoid;
 };
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const DialogMembersButton: React.FC<DialogMembersButtonProps> = ({
+const DialogMembersButton = ({
   content,
   clickHandler,
   touchHandler,
-}) => {
+}:DialogMembersButtonProps) => {
   return (
     <ActiveButton
       content={<div className="dialog-members-btn">{content}</div>}

package/src/Presentation/Views/DialogInfo/MembersList/MembersList.tsx

@@ -14,7 +14,7 @@ type MembersListProps = {
   maxHeight?: number;
 };
 // eslint-disable-next-line react/function-component-definition
-const MembersList: React.FC<MembersListProps> = ({
+const MembersList = ({
   closeInformationHandler,
   members,
   maxHeight = 0,

package/src/Presentation/Views/DialogInfo/UsersList/SingleUser/SingleUser.tsx

@@ -9,7 +9,7 @@ type UserSingleProps = {
   keyValue?: number;
 };
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const UserSingle: React.FC<UserSingleProps> = ({ user, keyValue }) => {
+const UserSingle = ({ user, keyValue }:UserSingleProps) => {
   // const [dialogAvatarUrl, setDialogAvatarUrl] = React.useState('');
   // const getUserAvatarUid = () => {
   //   let result = '';

package/src/Presentation/Views/DialogInfo/UsersList/UsersList.tsx

@@ -11,12 +11,12 @@ type UsersListProps = {
   maxHeight?: number;
 };
 // eslint-disable-next-line react/function-component-definition
-const UsersList: React.FC<UsersListProps> = ({
+const UsersList = ({
   usersFirstPageToView,
   allUsers,
   usersInDialogCount = 0,
   maxHeight = 0,
-}) => {
+}: UsersListProps) => {
   const [hasMore, setHasMore] = React.useState(false);
   const [usersToView, setUsersToView] = React.useState<UserEntity[]>([
     ...usersFirstPageToView,

package/src/Presentation/Views/DialogList/DialogList.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { JSX } from 'react';
 import cn from 'classnames';
 import ColumnContainer from '../../components/containers/ColumnContainer/ColumnContainer';
 import { DialogEntity } from '../../../Domain/entity/DialogEntity';
@@ -11,27 +12,27 @@ type DialogListProps = {
     dialog: BaseViewModel<DialogEntity>,
     index: number,
   ) => void;
-  renderHeader: React.ReactNode;
-  renderFilter?: React.ReactNode;
+  renderHeader: JSX.Element | null; // Заменяем ReactNode
+  renderFilter?: JSX.Element | null; // Заменяем ReactNode
   renderDialogList: (
     handleSelectDialog: (
       dialog: BaseViewModel<DialogEntity>,
       index: number,
     ) => void,
-  ) => React.ReactNode;
+  ) => JSX.Element | JSX.Element[] | null; // Заменяем ReactNode
   scrollableHeight?: number;
   canScrolling?: boolean;
 };
 
 // eslint-disable-next-line react/function-component-definition
-const DialogList: React.FC<DialogListProps> = ({
+const DialogList = ({
   onDialogSelected,
   renderHeader,
   renderFilter,
   renderDialogList,
   scrollableHeight = 736,
   canScrolling = false,
-}) => {
+}: DialogListProps) => {
   const [isMobile] = useMobileLayout();
 
   return (

package/src/Presentation/Views/DialogListHeader/DialogListHeader.scss

@@ -1,4 +1,4 @@
-@import "../../../index";
+@use "../../../index" as *;
 
 $header-color-divider: var(--color-divider);
 $header-container-height: 64px;

package/src/Presentation/Views/DialogListHeader/DialogListHeader.tsx

@@ -19,7 +19,7 @@ type DialogListHeaderProps = {
   settings?: any;
 };
 // eslint-disable-next-line react/function-component-definition
-const DialogListHeader: React.FC<DialogListHeaderProps> = ({
+const DialogListHeader = ({
   title,
   clickSearchHandler,
   touchSearchHandler,

package/src/Presentation/Views/EditDialog/EditDialog.tsx

@@ -35,7 +35,7 @@ type EditDialogProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const EditDialog: React.FC<EditDialogProps> = ({
+const EditDialog = ({
   nameDialog = '',
   typeDialog,
   ulrIcon = '',
@@ -43,7 +43,7 @@ const EditDialog: React.FC<EditDialogProps> = ({
   clickUpdatedHandler,
   clickCancelHandler,
   disableActions = false,
-}) => {
+}: EditDialogProps) => {
   const currentContext = useQbInitializedDataContext();
   const maxUploadFileSize = currentContext.InitParams.maxFileSize;
   const minLengthNameDialog = 3;

package/src/Presentation/Views/EditDialog/UserAvatar/UserAvatar.tsx

@@ -12,11 +12,11 @@ type UserAvatarProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const UserAvatar: React.FC<UserAvatarProps> = ({
+const UserAvatar = ({
   urlAvatar,
   iconTheme = { width: '55px', height: '55px' },
   clickRemoveAvatarHandler,
-}) => {
+}:UserAvatarProps) => {
   return (
     <div
       className="user-avatar-wrapper"

package/src/Presentation/Views/Flow/CreateDialog/CreateDialog.tsx

@@ -16,14 +16,14 @@ type CreateDialogProps = {
   createPublicDialogOnTouch: FunctionTypeVoidToVoid;
 };
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const CreateDialog: React.FC<CreateDialogProps> = ({
+const CreateDialog = ({
   createPrivateDialogOnClick,
   createPrivateDialogOnTouch,
   createGroupDialogOnClick,
   createGroupDialogOnTouch,
   createPublicDialogOnClick,
   createPublicDialogOnTouch,
-}) => {
+}:CreateDialogProps) => {
   return (
     <ColumnContainer gapBetweenItem="8px">
       <ActiveButton

package/src/Presentation/Views/Flow/CreateDialogFlow/CreateNewDialogFlow.tsx

@@ -21,7 +21,7 @@ type CreateNewDialogFlowProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const CreateNewDialogFlow: React.FC<CreateNewDialogFlowProps> = ({
+const CreateNewDialogFlow = ({
   dialogsViewModel,
   onFinished,
   onCancel,

package/src/Presentation/Views/Flow/LeaveDialogFlow/LeaveDialogFlow.tsx

@@ -11,7 +11,7 @@ type LeaveDialogFlowProps = {
 };
 
 // eslint-disable-next-line react/function-component-definition
-const LeaveDialogFlow: React.FC<LeaveDialogFlowProps> = ({
+const LeaveDialogFlow = ({
   dialogsViewModel,
   dialog,
 }: LeaveDialogFlowProps) => {

package/src/Presentation/Views/InviteMembers/InviteMembers.tsx

@@ -35,14 +35,14 @@ type InviteMembersProps = {
   cancelInviteMembersHandler?: FunctionTypeVoidToVoid;
 };
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const InviteMembers: React.FC<InviteMembersProps> = ({
+const InviteMembers = ({
   typeDialog,
   idOwnerDialog,
   typeAddEditDialog,
   applyInviteUsersHandler,
   participants,
   cancelInviteMembersHandler,
-}) => {
+}: InviteMembersProps) => {
   const userPerPage = 12;
   const userViewModel: InviteMembersViewModel = useInviteMembersViewModel();
 

package/src/Presentation/Views/InviteMembers/InviteUsersList/SingleUserWithCheckBox/SingleUserWithCheckBox.tsx

@@ -19,13 +19,13 @@ type SingleUserWithCheckBoxProps = {
   keyValue?: number;
 };
 // eslint-disable-next-line react/function-component-definition,@typescript-eslint/no-unused-vars
-const SingleUserWithCheckBox: React.FC<SingleUserWithCheckBoxProps> = ({
+const SingleUserWithCheckBox = ({
   user,
   checkedHandler,
   isElementChecked,
   keyValue,
   isDisabled = false,
-}) => {
+}:SingleUserWithCheckBoxProps) => {
   const [isMobile] = useMobileLayout();
 
   function getChecked(index: number | undefined) {

package/src/Presentation/Views/InviteMembers/NotFoundContent/NotFoundContent.tsx

@@ -6,7 +6,7 @@ type NotFoundContentProps = {
   message: string;
 };
 // eslint-disable-next-line react/function-component-definition
-const NotFoundContent: React.FC<NotFoundContentProps> = ({
+const NotFoundContent = ({
   message,
 }: NotFoundContentProps) => {
   return (

package/src/Presentation/Views/PreviewDialog/PreviewDialog.tsx

@@ -57,7 +57,7 @@ type PreviewDialogsProps = {
   disableActions?: boolean;
 };
 // eslint-disable-next-line react/function-component-definition
-const PreviewDialog: React.FC<PreviewDialogsProps> = ({
+const PreviewDialog = ({
   typeDialog,
   dialogViewModel,
   dialogAvatar,

package/src/Presentation/Views/YesNoQuestion/YesNoQuestion.tsx

@@ -12,7 +12,7 @@ type YesNoQuestionProps = {
   noActionCaption?: string;
 };
 // eslint-disable-next-line react/function-component-definition
-const YesNoQuestionComponent: React.FC<YesNoQuestionProps> = ({
+const YesNoQuestionComponent = ({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   messageText,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/src/Presentation/components/UI/Buttons/ActiveButton/ActiveButton.tsx

@@ -7,7 +7,7 @@ type ActiveButtonContainerProps = {
   clickAction?: FunctionTypeVoidToVoid;
 };
 // eslint-disable-next-line react/function-component-definition
-const ActiveButton: React.FC<ActiveButtonContainerProps> = ({
+const ActiveButton = ({
   content,
   touchAction,
   clickAction,