fix: lint format

mayuran-deriv · mayuran-deriv · commit 5ff36d615b2d · 2025-09-01T11:22:43.000+04:00
diff --git a/src/components/CustomTooltip/index.tsx b/src/components/CustomTooltip/index.tsx
@@ -22,4 +22,4 @@ const CustomTooltip: React.FC<{
   );
 };
 
-export default CustomTooltip;
+export default CustomTooltip;
diff --git a/src/components/Footer/__tests__/Footer.test.tsx b/src/components/Footer/__tests__/Footer.test.tsx
@@ -13,7 +13,10 @@ describe('Footer Component', () => {
     render(<Footer />);
     const communityButton = screen.getByText(/Join our community/);
     fireEvent.click(communityButton);
-    expect(window.open).toHaveBeenCalledWith('https://community.deriv.com/c/developers/48', '_blank');
+    expect(window.open).toHaveBeenCalledWith(
+      'https://community.deriv.com/c/developers/48',
+      '_blank',
+    );
   });
 
   it('opens Telegram in a new tab when Telegram button is clicked', () => {
diff --git a/src/components/HomePageSkeleton/index.tsx b/src/components/HomePageSkeleton/index.tsx
@@ -8,7 +8,11 @@ const HomePageSkeleton: React.FC = () => {
   return (
     <div className={styles['skeleton-container']}>
       {/* Navigation Bar Skeleton */}
-      <nav className={`${styles['skeleton-navbar']} ${isMobile ? styles['skeleton-navbar-mobile'] : ''}`}>
+      <nav
+        className={`${styles['skeleton-navbar']} ${
+          isMobile ? styles['skeleton-navbar-mobile'] : ''
+        }`}
+      >
         {isMobile ? (
           // Mobile navigation layout - 1 on left, 2 on right
           <>
diff --git a/src/contexts/app-manager/app-manager.provider.tsx b/src/contexts/app-manager/app-manager.provider.tsx
@@ -27,7 +27,9 @@ const AppManagerContextProvider = ({ children }: TAppManagerContextProps) => {
     setCurrentTab(updatedTab);
 
     const bodySelector = document.querySelector('body');
-    if(bodySelector) { bodySelector.scrollTop = 0; }
+    if (bodySelector) {
+      bodySelector.scrollTop = 0;
+    }
   }, []);
 
   const handleCurrentUpdatingItem = useCallback((item: ApplicationObject) => {
diff --git a/src/features/Apiexplorer/RequestJSONBox/index.tsx b/src/features/Apiexplorer/RequestJSONBox/index.tsx
@@ -23,7 +23,7 @@ function RequestJSONBox<T extends TSocketEndpointNames>({
   const is_subscribe = useMemo(() => {
     return request_example?.includes('subscribe');
   }, [request_example]);
-  
+
   return (
     <div className={style.playgroundBox}>
       <div className={style.formContent}>
diff --git a/src/features/Apiexplorer/RequestResponseRenderer/PlaygroundSection/index.tsx b/src/features/Apiexplorer/RequestResponseRenderer/PlaygroundSection/index.tsx
@@ -28,7 +28,7 @@ const PlaygroundSection = <T extends TSocketEndpointNames | TSocketSubscribableE
   const ref: RefObject<HTMLDivElement> = useRef(null);
 
   const updateHistory = () => {
-    if(!response_state) {
+    if (!response_state) {
       setPlaygroundHistory([]);
       return;
     }
diff --git a/src/features/Apiexplorer/SubscribeRenderer/__tests__/SubscribeRenderer.test.tsx b/src/features/Apiexplorer/SubscribeRenderer/__tests__/SubscribeRenderer.test.tsx
@@ -137,7 +137,7 @@ describe('SubscribeRenderer', () => {
 
     render(<SubscribeRenderer name='ticks' auth={1} reqData={request_data} />);
     const button = await screen.getByTestId('send-request');
-    
+
     expect(button).toBeVisible();
 
     await act(async () => {
@@ -213,7 +213,7 @@ describe('SubscribeRenderer', () => {
     });
     expect(mockUnsubscribe.call.length).toBe(1);
   });
-  
+
   it('should call unsubscribe when unmounting the component', async () => {
     const { unmount } = render(<SubscribeRenderer name='ticks' auth={1} reqData={request_data} />);
     unmount();
diff --git a/src/features/Apiexplorer/explorer.tsx b/src/features/Apiexplorer/explorer.tsx
@@ -104,4 +104,4 @@ export default function ApiExplorerFeatures() {
       <Footer />
     </>
   );
-}
+}
diff --git a/src/features/Home/HeroHeader/HeroHeader.tsx b/src/features/Home/HeroHeader/HeroHeader.tsx
@@ -22,7 +22,7 @@ export const HeroHeader = () => {
           <br />
           <Translate>platform - for yourself or for your business.</Translate>
         </Text>
-        <a href="https://developers.deriv.com">
+        <a href='https://developers.deriv.com'>
           <Button type='button' className={styles.HeroButton}>
             <Translate>Quick Start</Translate>
           </Button>
diff --git a/src/features/dashboard/components/api-token-form/__tests__/api-token.form.test.tsx b/src/features/dashboard/components/api-token-form/__tests__/api-token.form.test.tsx
@@ -129,7 +129,7 @@ describe('Home Page', () => {
 
       expect(adminCheckbox.checked).toBeTruthy();
     });
-    
+
     it('Should create token on form submit', async () => {
       const nameInput = screen.getByRole('textbox');
 
@@ -210,7 +210,10 @@ describe('Home Page', () => {
     };
 
     it('Should show an error when the user tries to create more than 30 tokens', async () => {
-      mockUseApiToken.mockImplementation(() => ({ tokens: createMaxTokens(), lastTokenDisplayName: '' }));
+      mockUseApiToken.mockImplementation(() => ({
+        tokens: createMaxTokens(),
+        lastTokenDisplayName: '',
+      }));
       render(<ApiTokenForm />);
 
       const nameInput = screen.getByRole('textbox');
diff --git a/src/features/dashboard/components/app-register-success-modal/app-register-success-modal.tsx b/src/features/dashboard/components/app-register-success-modal/app-register-success-modal.tsx
@@ -12,10 +12,7 @@ interface IAppRegisterSuccessModalProps {
   onCancel: () => void;
 }
 
-const AppRegisterSuccessModal = ({
-  onConfigure,
-  onCancel,
-}: IAppRegisterSuccessModalProps) => {
+const AppRegisterSuccessModal = ({ onConfigure, onCancel }: IAppRegisterSuccessModalProps) => {
   const { app_register_modal_open } = useAppManager();
   const { deviceType } = useDeviceType();
 
diff --git a/src/features/dashboard/components/apps-table/apps-table.tsx b/src/features/dashboard/components/apps-table/apps-table.tsx
@@ -28,7 +28,6 @@ import CopyTextCell from '../common-table/cell-copy-text';
 import ScopesCell from '../common-table/cell-scopes';
 import './apps-table.scss';
 
-
 export type TAppColumn = Column<ApplicationObject>;
 
 interface AppsTableProps extends HTMLAttributes<HTMLTableElement> {
diff --git a/src/features/dashboard/components/apps-table/responsive-table.tsx b/src/features/dashboard/components/apps-table/responsive-table.tsx
@@ -8,7 +8,6 @@ import CopyTextCell from '../common-table/cell-copy-text';
 import ScopesCell from '../common-table/cell-scopes';
 import './responsive-table.scss';
 
-
 type TResponsiveTableProps = {
   apps: ApplicationObject[];
   accordionActions: TAccordionActions;
diff --git a/src/features/dashboard/components/common-table/__tests__/copy-text.cell.test.tsx b/src/features/dashboard/components/common-table/__tests__/copy-text.cell.test.tsx
@@ -45,7 +45,7 @@ describe('CopyTextCell', () => {
         cell={{
           value: '1234',
         }}
-      />
+      />,
     );
   });
 
@@ -56,12 +56,12 @@ describe('CopyTextCell', () => {
         cell={{
           value: '1234',
         }}
-      />
+      />,
     );
     const label = screen.getByText(/1234/i);
-    
+
     await userEvent.click(label);
-    
+
     // Verify clipboard was called with correct value
     expect(navigator.clipboard.writeText).toHaveBeenCalledWith('1234');
   });
diff --git a/src/features/dashboard/components/common-table/cell-copy-text.tsx b/src/features/dashboard/components/common-table/cell-copy-text.tsx
@@ -37,4 +37,4 @@ const CopyTextCell: React.FC<{
   );
 };
 
-export default CopyTextCell;
+export default CopyTextCell;
diff --git a/src/features/dashboard/components/common-table/cell-scopes.tsx b/src/features/dashboard/components/common-table/cell-scopes.tsx
@@ -11,11 +11,11 @@ type TScopesCellProps = {
 const SCOPES_ORDER = ['admin', 'read', 'payments', 'trade', 'trading_information'];
 
 const Scopes = {
- admin:  translate({ message: 'Admin'}), 
- read: translate({ message: 'Read'}), 
- payments: translate({ message: 'Payments'}), 
- trade: translate({ message: 'Trade' }), 
- trading_information: translate({ message: 'Trading Information'})
+  admin: translate({ message: 'Admin' }),
+  read: translate({ message: 'Read' }),
+  payments: translate({ message: 'Payments' }),
+  trade: translate({ message: 'Trade' }),
+  trading_information: translate({ message: 'Trading Information' }),
 };
 
 const ScopesCell: React.FC<TScopesCellProps> = ({ cell }) => (
diff --git a/src/features/dashboard/components/dashboard-container/__tests__/dashboard-container.test.tsx b/src/features/dashboard/components/dashboard-container/__tests__/dashboard-container.test.tsx
@@ -9,9 +9,10 @@ describe('DashboardContainer', () => {
   });
 
   it('Should render the page heading', () => {
-    render(<DashboardContainer>
-      <p>Mock Element</p>
-    </DashboardContainer>
+    render(
+      <DashboardContainer>
+        <p>Mock Element</p>
+      </DashboardContainer>,
     );
 
     const label = screen.getByText(/App dashboard/i);
diff --git a/src/features/dashboard/components/loading-table/index.ts b/src/features/dashboard/components/loading-table/index.ts
@@ -1,3 +1,3 @@
 import LoadingTable from './loading-table';
 
-export default LoadingTable;
+export default LoadingTable;
diff --git a/src/features/dashboard/components/stepper-text-field/__tests__/stepperTextField.test.tsx b/src/features/dashboard/components/stepper-text-field/__tests__/stepperTextField.test.tsx
@@ -20,7 +20,9 @@ describe('StepperTextField', () => {
     });
   });
 
-  const renderStepperTextField = (props?: Partial<React.ComponentProps<typeof StepperTextField>>) => {
+  const renderStepperTextField = (
+    props?: Partial<React.ComponentProps<typeof StepperTextField>>,
+  ) => {
     render(
       <StepperTextField
         handleOnMinusClick={() => jest.fn()}
diff --git a/src/features/dashboard/components/token-name-restrictions/token-name-restrictions.tsx b/src/features/dashboard/components/token-name-restrictions/token-name-restrictions.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import Translate, { translate } from '@docusaurus/Translate';
 import styles from './token-name-restrictions.module.scss';
 
-
 const TokenNameRestrictions = () => {
   return (
     <ul className={styles.tokenrestrictions}>
diff --git a/src/features/dashboard/components/token-register/token-register.tsx b/src/features/dashboard/components/token-register/token-register.tsx
@@ -105,7 +105,7 @@ const TokenRegister = (props: HTMLAttributes<HTMLFormElement>) => {
               <Translate>Select your account type:</Translate>
             </Text>
             <div className='token_register__account__switcher'>
-              <AccountSwitcher/>
+              <AccountSwitcher />
             </div>
           </div>
           <div className='token_register__scopes__text'>
diff --git a/src/features/dashboard/components/token-register/types.ts b/src/features/dashboard/components/token-register/types.ts
@@ -39,4 +39,4 @@ export type TScope = {
   name: TApiTokenFormItemsNames;
   description: string;
   label: string;
-};
+};
diff --git a/src/features/dashboard/hooks/__tests__/useDeleteToken.test.tsx b/src/features/dashboard/hooks/__tests__/useDeleteToken.test.tsx
@@ -71,7 +71,6 @@ describe('Use Create Token', () => {
     await wsServer.nextMessage;
     await wsServer.nextMessage;
 
-
     act(() => {
       result.current.deleteToken('test');
     });
diff --git a/src/features/dashboard/manage-apps/manage-apps.tsx b/src/features/dashboard/manage-apps/manage-apps.tsx
@@ -23,9 +23,7 @@ const AppManagement = () => {
 
   return (
     <div className='manage_apps'>
-      <CustomTabs
-        tabs={tabs}
-        defaultActiveTab={currentTab === TDashboardTab.MANAGE_APPS ? 0 : 1} />
+      <CustomTabs tabs={tabs} defaultActiveTab={currentTab === TDashboardTab.MANAGE_APPS ? 0 : 1} />
     </div>
   );
 };
diff --git a/src/features/dashboard/manage-dashboard/index.tsx b/src/features/dashboard/manage-dashboard/index.tsx
@@ -14,14 +14,8 @@ import UpdateApp from '../update-app';
 import TokenRegister from '../components/token-register';
 import './manage-dashboard.scss';
 
-
 const ManageDashboard = () => {
-  const {
-    apps,
-    getApps,
-    currentTab,
-    updateCurrentTab,
-  } = useAppManager();
+  const { apps, getApps, currentTab, updateCurrentTab } = useAppManager();
   const { tokens } = useApiToken();
   const { is_loading } = useWS('app_register');
   const {
diff --git a/src/features/dashboard/update-app/index.tsx b/src/features/dashboard/update-app/index.tsx
@@ -5,12 +5,11 @@ import { TDashboardTab } from '@site/src/contexts/app-manager/app-manager.contex
 import { IRegisterAppForm } from '../types';
 import { scopesObjectToArray } from '@site/src/utils';
 import useWS from '@site/src/hooks/useWs';
-import RegisterAppDialogError  from '../components/dialogs/register-app-dialog-error';
+import RegisterAppDialogError from '../components/dialogs/register-app-dialog-error';
 
 export default function UpdateApp() {
   const { current_updating_item, updateCurrentTab, getApps } = useAppManager();
   const { send: updateApp, is_loading, error, data, clear } = useWS('app_update');
-  
 
   const initialValues = {
     ...current_updating_item,
diff --git a/src/hooks/useGrowthbookGetFeatureValue/index.tsx b/src/hooks/useGrowthbookGetFeatureValue/index.tsx
@@ -5,37 +5,37 @@ import useIsGrowthbookIsLoaded from '../useIsGrowthbookLoaded';
 type featureValueTypes = Record<string, boolean> | boolean | string | [];
 
 interface UseGrowthbookGetFeatureValueArgs {
-    defaultValue?: featureValueTypes;
-    featureFlag: string;
+  defaultValue?: featureValueTypes;
+  featureFlag: string;
 }
 
 const useGrowthbookGetFeatureValue = <T,>({
-    defaultValue,
-    featureFlag,
+  defaultValue,
+  featureFlag,
 }: UseGrowthbookGetFeatureValueArgs): [T, boolean] => {
-    const resolvedDefaultValue: featureValueTypes = defaultValue !== undefined ? defaultValue : false;
-    const [featureFlagValue, setFeatureFlagValue] = useState<T>(
-        (Analytics?.getFeatureValue(featureFlag, resolvedDefaultValue) ?? resolvedDefaultValue) as T
-    );
-    const isGBLoaded = useIsGrowthbookIsLoaded();
+  const resolvedDefaultValue: featureValueTypes = defaultValue !== undefined ? defaultValue : false;
+  const [featureFlagValue, setFeatureFlagValue] = useState<T>(
+    (Analytics?.getFeatureValue(featureFlag, resolvedDefaultValue) ?? resolvedDefaultValue) as T,
+  );
+  const isGBLoaded = useIsGrowthbookIsLoaded();
 
-    useEffect(() => {
-        if (isGBLoaded) {
-            if (Analytics?.getInstances()?.ab) {
-                const setFeatureValue = () => {
-                    const value = Analytics?.getFeatureValue(featureFlag, resolvedDefaultValue) as T;
-                    setFeatureFlagValue(value);
-                };
-                setFeatureValue();
-                Analytics?.getInstances()?.ab?.GrowthBook?.setRenderer(() => {
-                    // this will be called whenever the feature flag value changes and acts as a event listener
-                    setFeatureValue();
-                });
-            }
-        }
-    }, [isGBLoaded, resolvedDefaultValue, featureFlag]);
+  useEffect(() => {
+    if (isGBLoaded) {
+      if (Analytics?.getInstances()?.ab) {
+        const setFeatureValue = () => {
+          const value = Analytics?.getFeatureValue(featureFlag, resolvedDefaultValue) as T;
+          setFeatureFlagValue(value);
+        };
+        setFeatureValue();
+        Analytics?.getInstances()?.ab?.GrowthBook?.setRenderer(() => {
+          // this will be called whenever the feature flag value changes and acts as a event listener
+          setFeatureValue();
+        });
+      }
+    }
+  }, [isGBLoaded, resolvedDefaultValue, featureFlag]);
 
-    return [featureFlagValue as T, isGBLoaded];
+  return [featureFlagValue as T, isGBLoaded];
 };
 
 export default useGrowthbookGetFeatureValue;
diff --git a/src/pages/dashboard.tsx b/src/pages/dashboard.tsx
@@ -10,6 +10,6 @@ const _Dashboard = () => {
       </main>
     </Layout>
   );
-}
+};
 
 export default _Dashboard;
diff --git a/src/pages/endpoint.tsx b/src/pages/endpoint.tsx
@@ -11,6 +11,6 @@ const Endpoint = () => {
       </main>
     </Layout>
   );
-}
+};
 
 export default Endpoint;
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
@@ -2,10 +2,10 @@ export const PRODUCTION_APP_ID = '36544';
 export const STAGING_APP_ID = '36545';
 export const VERCEL_DEPLOYMENT_APP_ID = '35073';
 export const LOCALHOST_APP_ID = '35074';
-export const PRODUCTION_ME_APP_ID = '61569'
-export const PRODUCTION_BE_APP_ID = '61570'
-export const STAGING_ME_APP_ID = '61571'
-export const STAGING_BE_APP_ID = '61572'
+export const PRODUCTION_ME_APP_ID = '61569';
+export const PRODUCTION_BE_APP_ID = '61570';
+export const STAGING_ME_APP_ID = '61571';
+export const STAGING_BE_APP_ID = '61572';
 
 export const DEFAULT_WS_SERVER = 'ws.derivws.com';
 export const OAUTH_URL = 'oauth.deriv.com';

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ const PlaygroundSection = <T extends TSocketEndpointNames \| TSocketSubscribableE`
`28`	`28`	`const ref: RefObject<HTMLDivElement> = useRef(null);`
`29`	`29`
`30`	`30`	`const updateHistory = () => {`
`31`		`- if(!response_state) {`
	`31`	`+ if (!response_state) {`
`32`	`32`	`setPlaygroundHistory([]);`
`33`	`33`	`return;`
`34`	`34`	`}`
-Original file line number
+Diff line change
       <Footer />
     </>
   );
 -}
 +}