chore: added husky

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+pnpm lint:fix

package.json

@@ -8,7 +8,8 @@
     "build": "webpack --config=./webpack.prod.js",
     "lint": "eslint ./src/",
     "lint:fix": "eslint ./src/ --fix",
-    "toc": "i18next-resources-for-ts toc -i ./src/langs/en -o ./src/@types/resources.ts"
+    "toc": "i18next-resources-for-ts toc -i ./src/langs/en -o ./src/@types/resources.ts",
+    "prepare": "husky install"
   },
   "keywords": [],
   "author": "",
@@ -48,7 +49,8 @@
     "webpack-bundle-analyzer": "^4.10.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
-    "webpack-merge": "^5.10.0"
+    "webpack-merge": "^5.10.0",
+    "husky": "^8.0.0"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.4.2",

src/@types/resources.ts

@@ -1,4 +1,4 @@
-import translations from '../langs/en/translations.json';
+import translations from "../langs/en/translations.json";
 
 const resources = {
   translations

src/animation/particles/Particle.ts

@@ -41,12 +41,12 @@ abstract class Particle
     this.dpi = window.devicePixelRatio || 1;
   }
 
-  move(refreshRate = 60) {
+  move() {
     this.x += this.dx * Particle.DPI;
     this.y += this.dy * Particle.DPI;
   }
 
-  rotate(refreshRate = 60) {
+  rotate() {
     this.deg += this.ddeg;
   }
 
@@ -98,10 +98,10 @@ abstract class Particle
     }
     return true;
   }
-  public nextFrame(refreshRate = 60) {
+  public nextFrame() {
     // this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-    this.move(refreshRate);
-    this.rotate(refreshRate);
+    this.move();
+    this.rotate();
   }
 }
 

src/components/AboutMe/AboutMeCard.tsx

@@ -3,7 +3,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React, { useState } from "react";
 import { Card } from "../Card";
 import Collapsable from "../Collapsable";
-import { init } from "i18next";
 
 interface AboutMeCardSelfProps {
   heading: string | JSX.Element;

src/components/AboutMe/sections/Education.tsx

@@ -1,4 +1,4 @@
-import React, { Suspense } from "react";
+import React from "react";
 import { useTranslation } from "react-i18next";
 
 import Section from "@/components/Section";

src/components/NavBar/Settings/AppearanceMenu.tsx

@@ -1,7 +1,7 @@
 import { useAppDispatch, useAppSelector } from "@/hooks";
 import { selectAppearance } from "@/store/selectors";
 
-import React, { useTransition } from "react";
+import React from "react";
 import {
   SunIcon,
   MoonIcon,

src/components/Projects/index.tsx

@@ -1,10 +1,9 @@
-import React, { Suspense } from "react";
+import React from "react";
 
 import IntersectionDetector from "../IntersectionObserver";
 import { useAppDispatch } from "@/hooks";
 import { setActiveSectionName } from "@/store/actions";
 import { useTranslation } from "react-i18next";
-import Loading from "../Loading";
 const ProjectCard = React.lazy(
   () => import(/* webpackChunkName: "project-card" */ "./ProjectCard")
 );