From a2b5e9684cbce373271f0496f13c3dca8827500e Mon Sep 17 00:00:00 2001 From: Val <44112412+LawfaL@users.noreply.github.com> Date: Tue, 4 Feb 2025 15:08:01 +0700 Subject: [PATCH] fix(lint): fix lint --- src/components/Team.tsx | 4 ++-- src/utils/addScroll.ts | 25 ++++++++----------------- src/utils/changeHeaderOnScroll.ts | 6 +++--- src/utils/initWow.ts | 24 +++++++----------------- src/utils/menuToggle.ts | 9 +++------ src/utils/parallax.ts | 16 ++++------------ src/utils/toggleMobileMenu.ts | 8 ++++---- 7 files changed, 31 insertions(+), 61 deletions(-) diff --git a/src/components/Team.tsx b/src/components/Team.tsx index 73c3b77..d4b476e 100644 --- a/src/components/Team.tsx +++ b/src/components/Team.tsx @@ -93,11 +93,11 @@ export default function Team() {
-
+
Previous Slide
-
+
Next Slide
diff --git a/src/utils/addScroll.ts b/src/utils/addScroll.ts index 9a6e879..ad14256 100644 --- a/src/utils/addScroll.ts +++ b/src/utils/addScroll.ts @@ -1,29 +1,20 @@ -const addScrollspy = ( - defalutClass = "", - linksContainer = ".scrollspy-link", - activeClass = "active" -) => { - var section = document.querySelectorAll(".scrollSpysection"); +const addScrollspy = (defalutClass = "", linksContainer = ".scrollspy-link", activeClass = "active") => { + const section = document.querySelectorAll(".scrollSpysection"); - var sections = {}; - var i = 0; + const sections = {}; + const i = 0; Array.prototype.forEach.call(section, function (e) { // @ts-ignore sections[e.id] = e.offsetTop; }); - var scrollPosition = - document.documentElement.scrollTop || document.body.scrollTop; + const scrollPosition = document.documentElement.scrollTop || document.body.scrollTop; - for (let i in sections) { + for (const i in sections) { // @ts-ignore if (sections[i] <= scrollPosition) { - document - .querySelector(linksContainer + ` .${activeClass}`) - ?.setAttribute("class", defalutClass); - const navLink = document.querySelector( - linksContainer + " a[href*=" + i + "]" - ); + document.querySelector(linksContainer + ` .${activeClass}`)?.setAttribute("class", defalutClass); + const navLink = document.querySelector(linksContainer + " a[href*=" + i + "]"); navLink?.setAttribute("class", `${defalutClass} ${activeClass}`); } diff --git a/src/utils/changeHeaderOnScroll.ts b/src/utils/changeHeaderOnScroll.ts index c8a354b..5a6d718 100644 --- a/src/utils/changeHeaderOnScroll.ts +++ b/src/utils/changeHeaderOnScroll.ts @@ -1,7 +1,7 @@ export const headerChangeOnScroll = () => { - var mainNav = document.querySelector(".main-nav"); - var navLogoWrapLogo = document.querySelector(".nav-logo-wrap .logo"); - var lightAfterScroll = document.querySelector(".light-after-scroll"); + const mainNav = document.querySelector(".main-nav"); + const navLogoWrapLogo = document.querySelector(".nav-logo-wrap .logo"); + const lightAfterScroll = document.querySelector(".light-after-scroll"); if (window.scrollY > 0) { mainNav?.classList.remove("transparent"); mainNav?.classList.add("small-height", "body-scrolled"); diff --git a/src/utils/initWow.ts b/src/utils/initWow.ts index 67d376a..f3c5359 100644 --- a/src/utils/initWow.ts +++ b/src/utils/initWow.ts @@ -7,11 +7,9 @@ export function init_wow() { setTimeout(() => { /* Wow init */ if (document.body.classList.contains("appear-animate")) { - document - .querySelectorAll(".wow") - .forEach((el) => el.classList.add("no-animate")); + document.querySelectorAll(".wow").forEach((el) => el.classList.add("no-animate")); } - var wow = new WOW({ + const wow = new WOW({ boxClass: "wow", animateClass: "animatedfgfg", offset: 100, @@ -23,17 +21,13 @@ export function init_wow() { if (document.body.classList.contains("appear-animate")) { wow.init(); } else { - document - .querySelectorAll(".wow") - .forEach((el) => (el.style.opacity = "1")); + document.querySelectorAll(".wow").forEach((el) => (el.style.opacity = "1")); } /* Wow for portfolio init */ if (document.body.classList.contains("appear-animate")) { - document - .querySelectorAll(".wow-p") - .forEach((el) => el.classList.add("no-animate")); + document.querySelectorAll(".wow-p").forEach((el) => el.classList.add("no-animate")); } - var wow_p = new WOW({ + const wow_p = new WOW({ boxClass: "wow-p", animateClass: "animatedfgfg", offset: 100, @@ -45,9 +39,7 @@ export function init_wow() { if (document.body.classList.contains("appear-animate")) { wow_p.init(); } else { - document - .querySelectorAll(".wow-p") - .forEach((el) => (el.style.opacity = "1")); + document.querySelectorAll(".wow-p").forEach((el) => (el.style.opacity = "1")); } /* Wow for menu bar init */ if ( @@ -62,9 +54,7 @@ export function init_wow() { }, 1500); }); } else { - document - .querySelectorAll(".wow-menubar") - .forEach((el) => (el.style.opacity = "1")); + document.querySelectorAll(".wow-menubar").forEach((el) => (el.style.opacity = "1")); } }, 100); } diff --git a/src/utils/menuToggle.ts b/src/utils/menuToggle.ts index eed51f5..204a9b4 100644 --- a/src/utils/menuToggle.ts +++ b/src/utils/menuToggle.ts @@ -1,17 +1,14 @@ // @ts-nocheck export function init_classic_menu_resize() { - var mobile_nav = document.querySelector(".mobile-nav"); - var desktop_nav = document.querySelector(".desktop-nav"); + const mobile_nav = document.querySelector(".mobile-nav"); + const desktop_nav = document.querySelector(".desktop-nav"); mobile_nav.setAttribute("aria-expanded", "false"); // Mobile menu max height if (document.querySelector(".main-nav")) { document.querySelector(".desktop-nav > ul").style.maxHeight = - window.innerHeight - - document.querySelector(".main-nav").offsetHeight - - 20 + - "px"; + window.innerHeight - document.querySelector(".main-nav").offsetHeight - 20 + "px"; } // Mobile menu style toggle diff --git a/src/utils/parallax.ts b/src/utils/parallax.ts index 0a418f4..ec38ace 100644 --- a/src/utils/parallax.ts +++ b/src/utils/parallax.ts @@ -11,13 +11,11 @@ export const parallaxMouseMovement = () => { this.querySelectorAll(".parallax-mousemove").forEach((el) => { const offset = parseInt(el.getAttribute("data-offset")); - const translate = `translate3d(${Math.round( - offsetX * offset - )}px, ${Math.round(offsetY * offset)}px, 0px)`; + const translate = `translate3d(${Math.round(offsetX * offset)}px, ${Math.round(offsetY * offset)}px, 0px)`; el.style.transform = translate; }); - let sceneOffsetX = e.pageX - this.offsetLeft; + const sceneOffsetX = e.pageX - this.offsetLeft; this.querySelectorAll(".parallax-mousemove-follow").forEach((el) => { el.style.left = `${sceneOffsetX}px`; @@ -58,10 +56,7 @@ export function parallaxScroll() { function addScrollParallax() { document.querySelectorAll("[data-rellax-y]").forEach((element) => { - if ( - element.getBoundingClientRect().top < window.innerHeight && - element.getBoundingClientRect().bottom > 0 - ) { + if (element.getBoundingClientRect().top < window.innerHeight && element.getBoundingClientRect().bottom > 0) { if (!element.classList.contains("js-in-viewport")) { element.classList.add("js-in-viewport"); rellax_y.refresh(); @@ -87,10 +82,7 @@ export function parallaxScroll() { }); function addParallaxX() { document.querySelectorAll("[data-rellax-x]").forEach((element) => { - if ( - element.getBoundingClientRect().top < window.innerHeight && - element.getBoundingClientRect().bottom > 0 - ) { + if (element.getBoundingClientRect().top < window.innerHeight && element.getBoundingClientRect().bottom > 0) { if (!element.classList.contains("js-in-viewport")) { element.classList.add("js-in-viewport"); rellax_x.refresh(); diff --git a/src/utils/toggleMobileMenu.ts b/src/utils/toggleMobileMenu.ts index 597af9e..f1ecc2e 100644 --- a/src/utils/toggleMobileMenu.ts +++ b/src/utils/toggleMobileMenu.ts @@ -1,7 +1,7 @@ // @ts-nocheck export const toggleMobileMenu = () => { - var mobile_nav = document.querySelector(".mobile-nav"); - var desktop_nav = document.querySelector(".desktop-nav"); + const mobile_nav = document.querySelector(".mobile-nav"); + const desktop_nav = document.querySelector(".desktop-nav"); if (desktop_nav.classList.contains("js-opened")) { desktop_nav.style.maxHeight = "0px"; @@ -14,8 +14,8 @@ export const toggleMobileMenu = () => { } }; export const closeMobileMenu = () => { - var mobile_nav = document.querySelector(".mobile-nav"); - var desktop_nav = document.querySelector(".desktop-nav"); + const mobile_nav = document.querySelector(".mobile-nav"); + const desktop_nav = document.querySelector(".desktop-nav"); if (desktop_nav.classList.contains("js-opened")) { desktop_nav.style.maxHeight = "0px";