[_]: feat/husky

.github/workflows/pre-build.yml

@@ -25,5 +25,5 @@ jobs:
 
       - name: Install dependencies
         run: yarn install
-      - name: Build project
+      - name: Build project before deployment
         run: yarn build

.husky/pre-commit

@@ -0,0 +1 @@
+yarn build; yarn lint-staged;

.lintstagedrc

@@ -0,0 +1,6 @@
+{
+  "*.{js,jsx,ts,tsx}": [
+    "eslint --fix",
+    "git add"
+  ]
+}

package.json

@@ -14,7 +14,8 @@
     "prod": "next export",
     "cypress:open": "cypress open",
     "cypress:run": "cypress run --browser chrome",
-    "lint": "eslint --quiet './**/*.{js,ts,tsx}'"
+    "lint": "eslint --quiet './**/*.{js,ts,tsx}'",
+    "postinstall": "husky"
   },
   "dependencies": {
     "@cemalgnlts/mailjs": "^3.0.1",
@@ -81,6 +82,8 @@
     "cypress": "^13.12.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^9.1.0",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
     "next-unused": "^0.0.6",
     "postcss": "8.4.31",
     "prettier": "2.7.1",

src/components/home/HeroSection.tsx

@@ -1,12 +1,10 @@
 import dynamic from 'next/dynamic';
 import { getImage } from '@/lib/getImage';
 import { HomeText } from '@/assets/types/home';
-import { GlobalDialog, useGlobalDialog } from '@/contexts/GlobalUIManager';
 import TitleAndOnePlan from './components/heroSection/TitleAndOnePlan';
-import { HomePageBannerForMobile } from '../banners/HomePageBannerForMobile';
-const Animation = dynamic(() => import('./components/Animation'));
 import Image from 'next/image';
 import Header from '../shared/Header';
+const Animation = dynamic(() => import('./components/Animation'));
 
 interface HeroSectionForHomeProps {
   textContent: HomeText['HeroSection'];
@@ -15,8 +13,6 @@ interface HeroSectionForHomeProps {
 }
 
 export default function HeroSection({ textContent, lang, isHomePageV2 }: HeroSectionForHomeProps): JSX.Element {
-  const { dialogIsOpen } = useGlobalDialog();
-  const shouldShowMobileBanner = dialogIsOpen(GlobalDialog.MobileBannerForHome);
   const previewImg = getImage('/images/lifetime/file_item.webp');
   const componentsFlow = isHomePageV2 ? 'flex-col-reverse' : 'flex-col';