fix: fix sorting issues

Author: shafin-deriv

src/components/blockly-loading/blockly-loading.tsx

@@ -1,5 +1,4 @@
 import { observer } from 'mobx-react-lite';
-
 import { Loader } from '@deriv-com/ui';
 
 // import { useDBotStore } from '@/hooks/useStore';

src/components/blockly-loading/index.ts

@@ -1,5 +1,4 @@
 import BlocklyLoading from './blockly-loading';
-
 import './blockly-loading.scss';
 
 export default BlocklyLoading;

src/components/bot-notification-messages/bot-notification-messages.tsx

@@ -1,6 +1,5 @@
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
-
 import { DBOT_TABS } from '@/constants/bot-contents';
 import { useStore } from '@/hooks/useStore';
 

src/components/bot-notification-messages/index.ts

@@ -1,5 +1,4 @@
 import BotNotificationMessages from './bot-notification-messages';
-
 import './bot-notification-messages.scss';
 
 export default BotNotificationMessages;

src/components/bot-notification/bot-notification-utils.ts

@@ -1,5 +1,4 @@
 import { toast, ToastPosition, TypeOptions } from 'react-toastify';
-
 import { isDbotRTL } from '@/external/bot-skeleton/utils/workspace';
 import { localize } from '@/utils/tmp/dummy';
 

src/components/bot-notification/bot-notification.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { toast } from 'react-toastify';
-
 import { notification_style, TAction, TNotificationContent, TNotificationStyle } from './bot-notification-utils';
 
 export const NotificationContent: React.FC<TNotificationContent> = ({ message, primary_action, closeToast }) => {

src/components/bot-stopped.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-
-import { Dialog, Text } from '@deriv-com/ui';
-
 import { useStore } from '@/hooks/useStore';
 import { Icon, localize } from '@/utils/tmp/dummy';
+import { Dialog, Text } from '@deriv-com/ui';
 
 const BotStopped = observer(() => {
     const { dashboard } = useStore();

src/components/contract-result-overlay/contract-result-overlay.tsx

@@ -1,9 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
-
-import { Text } from '@deriv-com/ui';
-
 import { Icon, Localize } from '@/utils/tmp/dummy';
+import { Text } from '@deriv-com/ui';
 
 type TContractResultOverlayProps = {
     profit: number;

src/components/contract-result-overlay/index.ts

@@ -1,5 +1,4 @@
 import ContractResultOverlay from './contract-result-overlay';
-
 import './contract-result-overlay.scss';
 
 export default ContractResultOverlay;

src/components/download/download.tsx

@@ -1,11 +1,8 @@
 import { observer } from 'mobx-react-lite';
-
-import { Button } from '@deriv-com/ui';
-
 import { useStore } from '@/hooks/useStore';
 import { downloadFile, getSuccessJournalMessage, TTransaction } from '@/utils/download';
 import { Icon, localize } from '@/utils/tmp/dummy';
-
+import { Button } from '@deriv-com/ui';
 import Popover from '../shared_ui/popover';
 
 type TDownloadProps = {

src/components/download/index.ts

@@ -1,5 +1,4 @@
 import Download from './download';
-
 import './download.scss';
 
 export default Download;

src/components/draggable/draggable-resize-wrapper.tsx

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
 import debounce from 'debounce';
-
 import Draggable from './draggable';
 
 type DraggableResizeWrapperProps = {

src/components/draggable/draggable.tsx

@@ -1,7 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-
 import { Icon } from '@/utils/tmp/dummy';
-
 import {
     calculateHeight,
     calculateWidth,
@@ -11,7 +9,6 @@ import {
     SAFETY_MARGIN,
     TDraggableProps,
 } from './draggable-utils';
-
 import './draggable.scss';
 
 const Draggable: React.FC<TDraggableProps> = ({

src/components/draggable/index.ts

@@ -1,5 +1,4 @@
 import Draggable from './draggable';
-
 import './draggable.scss';
 
 export default Draggable;

src/components/flyout/flyout-block-group.tsx

@@ -1,9 +1,6 @@
 import classNames from 'classnames';
-
-import { Button, Text } from '@deriv-com/ui';
-
 import { Localize } from '@/utils/tmp/dummy';
-
+import { Button, Text } from '@deriv-com/ui';
 import FlyoutBlock from './flyout-block';
 
 type TFlyoutBlockGroup = {

src/components/flyout/flyout-block.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
-
 import { useStore } from '@/hooks/useStore';
 
 type FlyoutBlockProps = {

src/components/flyout/flyout.tsx

@@ -1,16 +1,12 @@
 import React from 'react';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
-
-import { Input, Text } from '@deriv-com/ui';
-
 import { useStore } from '@/hooks/useStore';
 import { help_content_config } from '@/utils/help-content/help-content.config';
 import { Icon, localize } from '@/utils/tmp/dummy';
-
+import { Input, Text } from '@deriv-com/ui';
 import { getPlatformSettings } from '../shared';
 import ThemedScrollbars from '../shared_ui/themed-scrollbars';
-
 import FlyoutBlockGroup from './flyout-block-group';
 import HelpBase from './help-contents';
 

src/components/flyout/help-contents/flyout-help-base.tsx

@@ -1,14 +1,10 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-
-import { Button, Text } from '@deriv-com/ui';
-
 import { useStore } from '@/hooks/useStore';
 import { help_content_config, help_content_types } from '@/utils/help-content/help-content.config';
 import { Icon, localize } from '@/utils/tmp/dummy';
-
+import { Button, Text } from '@deriv-com/ui';
 import FlyoutBlock from '../flyout-block';
-
 import FlyoutImage from './flyout-img';
 import FlyoutText from './flyout-text';
 import FlyoutVideo from './flyout-video';

src/components/flyout/index.ts

@@ -1,5 +1,4 @@
 import Flyout from './flyout';
-
 import './flyout.scss';
 
 export default Flyout;

src/components/journal/index.ts

@@ -1,5 +1,4 @@
 import Journal from './journal';
-
 import './journal.scss';
 
 export default Journal;

src/components/journal/journal-components/filter-dialog.tsx

@@ -1,9 +1,6 @@
 import React from 'react';
-
 import { useOnClickOutside } from '@/hooks/useOnClickOutside';
-
 import { TFilterDialogProps } from '../journal.types';
-
 import Filters from './filters';
 
 const FilterDialog = ({

src/components/journal/journal-components/filters.tsx

@@ -1,5 +1,4 @@
 import { Checkbox } from '@deriv-com/ui';
-
 import { TFiltersProps } from '../journal.types';
 
 const Filters = ({

src/components/journal/journal-components/format-message.tsx

@@ -1,11 +1,8 @@
 import classnames from 'classnames';
-
-import { Text } from '@deriv-com/ui';
-
 import { formatMoney, getCurrencyDisplayCode } from '@/components/shared';
 import { LogTypes } from '@/external/bot-skeleton';
 import { Localize, localize } from '@/utils/tmp/dummy';
-
+import { Text } from '@deriv-com/ui';
 import { TFormatMessageProps } from '../journal.types';
 
 const FormatMessage = ({ logType, className, extra }: TFormatMessageProps) => {

src/components/journal/journal-components/journal-item.tsx

@@ -1,12 +1,9 @@
-import { CSSTransition } from 'react-transition-group';
 import classnames from 'classnames';
-
+import { CSSTransition } from 'react-transition-group';
 import { MessageTypes } from '@/external/bot-skeleton';
 import { isDbotRTL } from '@/external/bot-skeleton/utils/workspace';
 import { useNewRowTransition } from '@/hooks/useNewRowTransition';
-
 import { TJournalItemExtra, TJournalItemProps } from '../journal.types';
-
 import DateItem from './date-item';
 import FormatMessage from './format-message';
 

src/components/journal/journal-components/journal-loader.tsx

@@ -1,5 +1,5 @@
-import ContentLoader from 'react-content-loader';
 import classnames from 'classnames';
+import ContentLoader from 'react-content-loader';
 
 const JournalLoader = ({ is_mobile }: { is_mobile: boolean }) => (
     <ContentLoader

src/components/journal/journal-components/journal-tools.tsx

@@ -1,13 +1,9 @@
 import React from 'react';
 import { CSSTransition } from 'react-transition-group';
-
-import { Text } from '@deriv-com/ui';
-
 import Download from '@/components/download';
 import { Icon, Localize } from '@/utils/tmp/dummy';
-
+import { Text } from '@deriv-com/ui';
 import { TJournalToolsProps } from '../journal.types';
-
 import FilterDialog from './filter-dialog';
 
 const JournalTools = ({

src/components/journal/journal.tsx

@@ -1,12 +1,9 @@
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-
-import { Text } from '@deriv-com/ui';
-
 import { contract_stages } from '@/constants/contract-stage';
 import { useStore } from '@/hooks/useStore';
 import { DataList, Icon, localize } from '@/utils/tmp/dummy';
-
+import { Text } from '@deriv-com/ui';
 import { TCheckedFilters, TFilterMessageValues, TJournalDataListArgs } from './journal.types';
 import { JournalItem, JournalLoader, JournalTools } from './journal-components';
 

src/components/layout/header/index.tsx

@@ -1,7 +1,6 @@
 import { useAuthData } from '@deriv-com/api-hooks';
 import { Button } from '@deriv-com/ui';
 import { URLUtils } from '@deriv-com/utils';
-
 import './header.scss';
 
 export const Header = () => {

src/components/load-modal/index.ts

@@ -1,5 +1,4 @@
 import LoadModal from './load-modal';
-
 import './load-modal.scss';
 
 export default LoadModal;

src/components/load-modal/load-modal.tsx

@@ -1,14 +1,10 @@
 import { observer } from 'mobx-react-lite';
-
-import { Modal, Tabs } from '@deriv-com/ui';
-
 import { tabs_title } from '@/constants/load-modal';
 import { useStore } from '@/hooks/useStore';
 import { localize } from '@/utils/tmp/dummy';
-
+import { Modal, Tabs } from '@deriv-com/ui';
 import GoogleDrive from '../../pages/dashboard/load-bot-preview/google-drive';
 import MobileFullPageModal from '../shared_ui/mobile-full-page-modal';
-
 import Local from './local';
 import LocalFooter from './local-footer';
 import Recent from './recent';

src/components/load-modal/local-footer.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-
-import { Button } from '@deriv-com/ui';
-
 import { NOTIFICATION_TYPE } from '@/components/bot-notification/bot-notification-utils';
 import { useStore } from '@/hooks/useStore';
 import { localize } from '@/utils/tmp/dummy';
+import { Button } from '@deriv-com/ui';
 
 const LocalFooter = observer(() => {
     const { ui } = useStore();

src/components/load-modal/local.tsx

@@ -1,12 +1,9 @@
 import React from 'react';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
-
-import { Button } from '@deriv-com/ui';
-
 import { useStore } from '@/hooks/useStore';
 import { Icon, Localize, localize } from '@/utils/tmp/dummy';
-
+import { Button } from '@deriv-com/ui';
 import LocalFooter from './local-footer';
 import WorkspaceControl from './workspace-control';
 

src/components/load-modal/recent-footer.tsx

@@ -1,10 +1,8 @@
 import { observer } from 'mobx-react-lite';
-
-import { Button } from '@deriv-com/ui';
-
 import { NOTIFICATION_TYPE } from '@/components/bot-notification/bot-notification-utils';
 import { useStore } from '@/hooks/useStore';
 import { localize } from '@/utils/tmp/dummy';
+import { Button } from '@deriv-com/ui';
 
 const RecentFooter = observer(() => {
     const { load_modal, dashboard } = useStore();

src/components/load-modal/recent-workspace.tsx

@@ -1,6 +1,5 @@
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-
 import { timeSince } from '@/external/bot-skeleton';
 import { save_types } from '@/external/bot-skeleton/constants/save-type';
 import { useStore } from '@/hooks/useStore';

src/components/load-modal/recent.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-
 import { useStore } from '@/hooks/useStore';
 import { Icon, Localize } from '@/utils/tmp/dummy';
-
 import RecentWorkspace from './recent-workspace';
 import WorkspaceControl from './workspace-control';
 

src/components/load-modal/workspace-control.tsx

@@ -1,5 +1,4 @@
 import { observer } from 'mobx-react-lite';
-
 import { useStore } from '@/hooks/useStore';
 import { Icon } from '@/utils/tmp/dummy';
 

src/components/network-toast-popup/network-toast-popup.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
 // import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
+import ReactDOM from 'react-dom';
 
 // import { Toast } from '@deriv-com/ui';
 // import { useStore } from '@/hooks/useStore';

src/components/notify-item/index.ts

@@ -1,5 +1,4 @@
 import { arrayAsMessage, messageWithButton, messageWithImage } from './notify-item';
-
 import './notify-item.scss';
 
 export { arrayAsMessage, messageWithButton, messageWithImage };

src/components/notify-item/notify-item.tsx

@@ -1,7 +1,5 @@
-import { Button } from '@deriv-com/ui';
-
 import { Icon } from '@/utils/tmp/dummy';
-
+import { Button } from '@deriv-com/ui';
 import ExpansionPanel from '../shared_ui/expansion-panel';
 
 export const getIcon = (type: string) => {

src/components/route-prompt-dialog/route-prompt-dialog.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-
-import { Dialog } from '@deriv-com/ui';
-
 import { useStore } from '@/hooks/useStore';
 import { Localize, localize } from '@/utils/tmp/dummy';
+import { Dialog } from '@deriv-com/ui';
 
 const RoutePromptDialog = observer(() => {
     const { route_prompt_dialog } = useStore();

src/components/run-panel/index.ts

@@ -1,5 +1,4 @@
 import RunPanel from './run-panel';
-
 import './run-panel.scss';
 
 export default RunPanel;