chore: fix all linter errors

.eslintrc.cjs

@@ -3,6 +3,7 @@ module.exports = {
     rules: {
         'global-require': 'off',
         'import/no-extraneous-dependencies': 'off',
+        'class-methods-use-this': 'off',
     },
     overrides: [
         {
@@ -30,6 +31,10 @@ module.exports = {
                 'plugin:prettier/recommended',
                 'plugin:react/jsx-runtime',
             ],
+            rules: {
+                // TODO: fix need to turn on later
+                '@typescript-eslint/no-explicit-any': 'off',
+            },
             parserOptions: {
                 ecmaversion: 2018,
                 sourceType: 'module',

package.json

@@ -11,6 +11,7 @@
         "build": "vite build",
         "preview": "vite preview",
         "test:lint": "prettier --log-level silent --write . && eslint \"./src/**/*.?(js|jsx|ts|tsx)\"",
+        "test:fix": "prettier --log-level silent --write . && eslint --fix --quiet \"./src/**/*.?(js|jsx|ts|tsx)\"",
         "test": "vitest run",
         "coverage": "vitest run --coverage",
         "prepare": "husky install"

src/components/audio/audio.tsx

@@ -1,12 +1,14 @@
-import React from 'react';
-
 const Audio = () => (
     <>
-        <audio id='announcement' aria-label='audio' src={`${__webpack_public_path__}media/announcement.mp3`} />
-        <audio id='earned-money' aria-label='audio' src={`${__webpack_public_path__}media/coins.mp3`} />
-        <audio id='job-done' aria-label='audio' src={`${__webpack_public_path__}media/job-done.mp3`} />
-        <audio id='error' aria-label='audio' src={`${__webpack_public_path__}media/out-of-bounds.mp3`} />
-        <audio id='severe-error' aria-label='audio' src={`${__webpack_public_path__}media/i-am-being-serious.mp3`} />
+        <audio id='announcement' aria-label='audio' src={`${window.__webpack_public_path__}media/announcement.mp3`} />
+        <audio id='earned-money' aria-label='audio' src={`${window.__webpack_public_path__}media/coins.mp3`} />
+        <audio id='job-done' aria-label='audio' src={`${window.__webpack_public_path__}media/job-done.mp3`} />
+        <audio id='error' aria-label='audio' src={`${window.__webpack_public_path__}media/out-of-bounds.mp3`} />
+        <audio
+            id='severe-error'
+            aria-label='audio'
+            src={`${window.__webpack_public_path__}media/i-am-being-serious.mp3`}
+        />
     </>
 );
 

src/components/blockly-loading/index.ts

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

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

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

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

@@ -1,5 +1,6 @@
 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/contract-card-loading/contract-card-loading.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import ContentLoader from 'react-content-loader';
 
 type TContractCardLoader = {

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

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

src/components/download/index.ts

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

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

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

src/components/draggable/index.ts

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

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

@@ -1,5 +1,3 @@
-import React from 'react';
-
 type TFlyoutImageProps = {
     width: string;
     url: string;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Text } from '@deriv-com/ui';
 
 const FlyoutText = (props: { text: string }) => {

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

@@ -1,5 +1,3 @@
-import React from 'react';
-
 const FlyoutVideo = (props: { url: string }) => (
     <div className='flyout__item' data-testid='dt_flyout_video_container'>
         <iframe

src/components/flyout/index.ts

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

src/components/journal/index.ts

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { TDateItemProps } from '../journal.types';
 
 const DateItem = ({ date, time }: TDateItemProps) => (

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

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

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

@@ -2,8 +2,8 @@ import classnames from 'classnames';
 
 import { Text } from '@deriv-com/ui';
 
+import { formatMoney, getCurrencyDisplayCode } from '@/components/shared';
 import { LogTypes } from '@/external/bot-skeleton';
-import { formatMoney, getCurrencyDisplayCode } from '@/utils/tmp/currency-helper';
 import { Localize, localize } from '@/utils/tmp/dummy';
 
 import { TFormatMessageProps } from '../journal.types';

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

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

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

@@ -4,7 +4,7 @@ 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 { Icon, Localize } from '@/utils/tmp/dummy';
 
 import { TJournalToolsProps } from '../journal.types';
 

src/components/load-modal/index.ts

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

src/components/load-modal/recent.tsx

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

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

@@ -1,11 +1,10 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import classNames from 'classnames';
+// import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 
-import { Toast } from '@deriv-com/ui';
-
-import { useStore } from '@/hooks/useStore';
+// import { Toast } from '@deriv-com/ui';
+// import { useStore } from '@/hooks/useStore';
 
 // TODO: Need to sanitize,
 // Same sort of component is being used inside DTrader,
@@ -16,13 +15,14 @@ import { useStore } from '@/hooks/useStore';
  */
 
 const NetworkStatusToastError = observer(({ should_open = false }: { should_open?: boolean }) => {
-    const { common } = useStore();
+    // const { common } = useStore();
     // const { network_status } = common;
     const [is_open, setIsOpen] = React.useState(should_open);
     // const { message, status } = network_status;
     const portal_el = document.getElementById('popup_root');
 
-    if (!portal_el || !message) return null;
+    // if (!portal_el || !message) return null;
+    if (!portal_el) return null;
 
     if (!is_open && status !== 'online') {
         setIsOpen(true); // open if status === 'blinker' or 'offline'

src/components/notify-item/index.ts

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

src/components/run-panel/index.ts

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