Merge pull request #280 from deriv-com/mayuran/reapply-changes-lint

fix: lint format

Author: mayuran-deriv

.husky/pre-commit

@@ -1,6 +1,5 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
-
 npx lint-staged
 
 # ShiftAI Pre-commit Hook - Detect and strip AI markers

package-lock.json

@@ -73,7 +73,7 @@
     "@babel/preset-typescript": "^7.24.1",
     "@commitlint/cli": "^17.3.0",
     "@commitlint/config-conventional": "^17.3.0",
-    "@deriv-com/shiftai-cli": "^1.0.1",
+    "@deriv-com/shiftai-cli": "^1.0.2",
     "@deriv/api-types": "^1.0.80",
     "@docusaurus/module-type-aliases": "^3.3.2",
     "@docusaurus/tsconfig": "^3.3.2",

package.json

@@ -22,4 +22,4 @@ const CustomTooltip: React.FC<{
   );
 };
 
-export default CustomTooltip;
+export default CustomTooltip;

src/components/CustomTooltip/index.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', () => {

src/components/Footer/__tests__/Footer.test.tsx

@@ -52,8 +52,9 @@ const Footer = () => {
             <a
               href={footer_links.documentation}
               target='_blank'
-              rel="noreferrer"
-              className={styles.Link}>
+              rel='noreferrer'
+              className={styles.Link}
+            >
               <Translate>Documentation</Translate> <LabelPairedArrowUpRightSmRegularIcon />
             </a>
           </li>
@@ -147,8 +148,9 @@ const Footer = () => {
                   <a
                     href={footer_links.documentation}
                     target='_blank'
-                    rel="noreferrer"
-                    className={styles.Link}>
+                    rel='noreferrer'
+                    className={styles.Link}
+                  >
                     <Text className={styles.labelcolor} size='sm'>
                       <Translate>Documentation</Translate>
                     </Text>
@@ -240,7 +242,9 @@ const Footer = () => {
               </Heading.H5>
               <p className={styles.SectionContent}>
                 <Text size='sm'>
-                  <Translate>Discuss ideas and share solutions with developers worldwide.</Translate>
+                  <Translate>
+                    Discuss ideas and share solutions with developers worldwide.
+                  </Translate>
                 </Text>
               </p>
               <div className={styles.CommunityButton} data-testid='community-button'>
@@ -269,7 +273,7 @@ const Footer = () => {
             </div>
             <div className={styles.Box}>
               <Heading.H5 className={styles.SectionTitle}>
-                <Translate>We're here to help</Translate>
+                <Translate>We&apos;re here to help</Translate>
               </Heading.H5>
               <p className={styles.SectionContent}>
                 <Text size='sm' style={{ display: 'inline' }}>

src/components/Footer/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
           <>

src/components/HomePageSkeleton/index.tsx

@@ -9,7 +9,6 @@ import {
 } from '@deriv/quill-icons';
 import { Button, Text } from '@deriv-com/quill-ui';
 import useAuthContext from '@site/src/hooks/useAuthContext';
-// @ts-ignore
 import styles from '../UserNavbarItem.module.scss';
 import clsx from 'clsx';
 import Translate from '@docusaurus/Translate';
@@ -95,7 +94,7 @@ const UserMenu = () => {
             >
               <LabelPairedGrid2LgRegularIcon />
               <Text as='span' size='md'>
-                <Translate>Trader's hub</Translate>
+                <Translate>Trader&apos;s hub</Translate>
               </Text>
             </a>
           </li>
@@ -114,7 +113,7 @@ const UserMenu = () => {
                 <LabelPairedGrid2LgRegularIcon />
 
                 <Text as='span' size='md'>
-                  <Translate>Partner's hub</Translate>
+                  <Translate>Partner&apos;s hub</Translate>
                 </Text>
               </a>
             </li>

src/components/UserNavbarItem/UserMenu/index.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) => {

src/contexts/app-manager/app-manager.provider.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}>