From 58ed4007dfb4db00635dffb24ff8f24e96a21d78 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Tue, 23 Apr 2024 18:52:41 +0500
Subject: [PATCH] frontend: fix linted errors

---
 frontend/.eslintrc.json                       |  2 +-
 .../NavigationRail/NavigationRail.jsx         |  3 +-
 .../components/ReleaseCard/ReleaseCard.jsx    |  7 +++-
 frontend/app/history/page.js                  |  4 +--
 frontend/app/login/page.js                    |  4 +--
 frontend/app/page.js                          |  3 ++
 frontend/app/search/page.js                   |  2 ++
 frontend/package-lock.json                    | 33 +++++++++++++++----
 frontend/package.json                         |  2 +-
 9 files changed, 46 insertions(+), 14 deletions(-)

diff --git a/frontend/.eslintrc.json b/frontend/.eslintrc.json
index bffb357..957cd15 100644
--- a/frontend/.eslintrc.json
+++ b/frontend/.eslintrc.json
@@ -1,3 +1,3 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": ["next/core-web-vitals"]
 }
diff --git a/frontend/app/components/NavigationRail/NavigationRail.jsx b/frontend/app/components/NavigationRail/NavigationRail.jsx
index e88a330..b0a2bba 100644
--- a/frontend/app/components/NavigationRail/NavigationRail.jsx
+++ b/frontend/app/components/NavigationRail/NavigationRail.jsx
@@ -2,6 +2,7 @@
 
 import { usePathname } from "next/navigation";
 import Link from "next/link";
+import Image from "next/image";
 
 export const NavigationRail = (props) => {
   const pathname = usePathname();
@@ -37,7 +38,7 @@ export const NavigationRail = (props) => {
   return (
     <nav className="left">
       <button className="circle transparent ">
-        <img className="responsive" src="/favicon.ico"></img>
+        <Image className="responsive" src="/favicon.ico" alt="Ваш профиль" />
       </button>
 
       {items.map((item) => {
diff --git a/frontend/app/components/ReleaseCard/ReleaseCard.jsx b/frontend/app/components/ReleaseCard/ReleaseCard.jsx
index ecb12c0..97c8981 100644
--- a/frontend/app/components/ReleaseCard/ReleaseCard.jsx
+++ b/frontend/app/components/ReleaseCard/ReleaseCard.jsx
@@ -1,6 +1,7 @@
 "use client";
 
 import Link from "next/link";
+import Image from "next/image";
 
 export const ReleaseCard = (props) => {
   return (
@@ -9,7 +10,11 @@ export const ReleaseCard = (props) => {
         className="no-padding round fill"
         style={{ width: 284, height: 508 }}
       >
-        <img className="responsive large top-round" src={props.poster} />
+        <Image
+          className="responsive large top-round"
+          src={props.poster}
+          alt=""
+        />
         <div className="padding">
           <h6>{`${props.title.substring(0, 36)}${
             [...props.title].length > 36 ? "..." : ""
diff --git a/frontend/app/history/page.js b/frontend/app/history/page.js
index c53359d..a57bf2f 100644
--- a/frontend/app/history/page.js
+++ b/frontend/app/history/page.js
@@ -3,8 +3,8 @@
 import { LogInNeeded } from "@/app/components/LogInNeeded/LogInNeeded";
 import { useUserStore } from "@/app/store/user-store";
 
-export default History = () => {
+export default function History() {
   const userStore = useUserStore();
 
   return <>{!userStore.isAuth ? <LogInNeeded /> : ""}</>;
-};
+}
diff --git a/frontend/app/login/page.js b/frontend/app/login/page.js
index b3eaccc..7cea915 100644
--- a/frontend/app/login/page.js
+++ b/frontend/app/login/page.js
@@ -1,3 +1,3 @@
-export default () => {
+export default function LoginPage() {
   return <p>login page</p>;
-};
+}
diff --git a/frontend/app/page.js b/frontend/app/page.js
index 56754eb..a9bf1cd 100644
--- a/frontend/app/page.js
+++ b/frontend/app/page.js
@@ -34,6 +34,7 @@ export default function Home() {
     } else {
       setList("last");
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   async function fetchData(list, page = 0) {
@@ -55,12 +56,14 @@ export default function Home() {
       setPage(0);
       fetchData(list); // Call fetchData here
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [list]);
 
   useEffect(() => {
     if (list && releases) {
       fetchData(list, page); // Use fetchData for pagination
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [page]);
 
   const chips = [
diff --git a/frontend/app/search/page.js b/frontend/app/search/page.js
index 14eb0cb..bfcda5f 100644
--- a/frontend/app/search/page.js
+++ b/frontend/app/search/page.js
@@ -53,12 +53,14 @@ export default function Search() {
       setQuery(query);
       fetchData(query, 0);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {
     if (releases) {
       fetchData(query, page); // Use fetchData for pagination
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [page]);
 
   const handleInput = (e) => {
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index bb93a9d..6d1f0fa 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -10,13 +10,13 @@
       "dependencies": {
         "beercss": "^3.5.1",
         "material-dynamic-colors": "^1.1.0",
-        "next": "14.2.2",
         "react": "^18",
         "react-dom": "^18",
         "zustand": "^4.5.2"
       },
       "devDependencies": {
         "eslint-config-next": "14.2.2",
+        "next": "^14.2.2",
         "postcss": "^8"
       }
     },
@@ -185,7 +185,8 @@
     "node_modules/@next/env": {
       "version": "14.2.2",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.2.tgz",
-      "integrity": "sha512-sk72qRfM1Q90XZWYRoJKu/UWlTgihrASiYw/scb15u+tyzcze3bOuJ/UV6TBOQEeUaxOkRqGeuGUdiiuxc5oqw=="
+      "integrity": "sha512-sk72qRfM1Q90XZWYRoJKu/UWlTgihrASiYw/scb15u+tyzcze3bOuJ/UV6TBOQEeUaxOkRqGeuGUdiiuxc5oqw==",
+      "dev": true
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "14.2.2",
@@ -203,6 +204,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -218,6 +220,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -233,6 +236,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -248,6 +252,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -263,6 +268,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -278,6 +284,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -293,6 +300,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -308,6 +316,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -323,6 +332,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -385,12 +395,14 @@
     "node_modules/@swc/counter": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
-      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "dev": true
     },
     "node_modules/@swc/helpers": {
       "version": "0.5.5",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
       "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
+      "dev": true,
       "dependencies": {
         "@swc/counter": "^0.1.3",
         "tslib": "^2.4.0"
@@ -984,6 +996,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
       "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dev": true,
       "dependencies": {
         "streamsearch": "^1.1.0"
       },
@@ -1024,6 +1037,7 @@
       "version": "1.0.30001611",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001611.tgz",
       "integrity": "sha512-19NuN1/3PjA3QI8Eki55N8my4LzfkMCRLgCVfrl/slbSAchQfV0+GwjPrK3rq37As4UCLlM/DHajbKkAqbv92Q==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -1042,7 +1056,8 @@
     "node_modules/client-only": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "dev": true
     },
     "node_modules/concat-map": {
       "version": "0.0.1",
@@ -2316,7 +2331,8 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
     },
     "node_modules/graphemer": {
       "version": "1.4.0",
@@ -3099,6 +3115,7 @@
       "version": "14.2.2",
       "resolved": "https://registry.npmjs.org/next/-/next-14.2.2.tgz",
       "integrity": "sha512-oGwUaa2bCs47FbuxWMpOoXtBMPYpvTPgdZr3UAo+pu7Ns00z9otmYpoeV1HEiYL06AlRQQIA/ypK526KjJfaxg==",
+      "dev": true,
       "dependencies": {
         "@next/env": "14.2.2",
         "@swc/helpers": "0.5.5",
@@ -3148,6 +3165,7 @@
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
       "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -3878,6 +3896,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
       "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "dev": true,
       "engines": {
         "node": ">=10.0.0"
       }
@@ -4073,6 +4092,7 @@
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
       "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "dev": true,
       "dependencies": {
         "client-only": "0.0.1"
       },
@@ -4170,7 +4190,8 @@
     "node_modules/tslib": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
     },
     "node_modules/type-check": {
       "version": "0.4.0",
diff --git a/frontend/package.json b/frontend/package.json
index 86734a9..a3b4787 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -12,13 +12,13 @@
   "dependencies": {
     "beercss": "^3.5.1",
     "material-dynamic-colors": "^1.1.0",
-    "next": "14.2.2",
     "react": "^18",
     "react-dom": "^18",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
     "eslint-config-next": "14.2.2",
+    "next": "^14.2.2",
     "postcss": "^8"
   }
 }