chore:fixing eslint

src/app/storefront/page.tsx

@@ -1,12 +1,12 @@
 'use client';
+
+import React, { useState } from 'react';
 import { getProduct, filterProduct } from './helperFunction';
-import React from 'react';
-import { useState } from 'react';
 import { buttons } from './data.js';
 import { GlobalStyle, ButtonsContainer } from './styles';
 import ProductButtons from './productButtons';
 
-//https://codesandbox.io/s/filter-with-react-button-r5x4i?file=/src/App.js
+// https://codesandbox.io/s/filter-with-react-button-r5x4i?file=/src/App.js
 export default function App() {
   const [filtredProduct, setFiltredProducts] = useState(null);
   const [isClicked, setisClicked] = useState(false);
@@ -21,7 +21,7 @@ export default function App() {
             value={type.value}
             setFiltredProducts={setFiltredProducts}
             content={type.name}
-          ></ProductButtons>
+           />
         ))}
       </ButtonsContainer>
     </main>

src/app/storefront/productButtons.tsx

@@ -1,8 +1,9 @@
 'use client';
+
+import React, { useState } from 'react';
 import { Button, Label, IndividualContainer } from './styles';
 import { getProduct, filterProduct } from './helperFunction';
-import React from 'react';
-import { useState } from 'react';
+
 export default function ProductButtons(props: {
   key: number;
   value: string;
@@ -15,7 +16,7 @@ export default function ProductButtons(props: {
     e: React.MouseEvent<HTMLButtonElement, MouseEvent>,
   ) {
     setIsClicked(!IsClicked);
-    let category = e.currentTarget.value;
+    const category = e.currentTarget.value;
     console.log(category);
     category != 'All'
       ? setFiltredProducts(await filterProduct(category))

src/components/InputFields.tsx

@@ -1,7 +1,8 @@
 'use client';
 
-import { FormHeaders, Input } from '../app/login/styles';
 import { useState } from 'react';
+import { FormHeaders, Input } from '../app/login/styles';
+
 export default function InputFields(props: {
   text: string;
   placeholder: string;
@@ -21,7 +22,7 @@ export default function InputFields(props: {
   const [inputValue, setInputValue] = useState('');
 
   const handleChange = (e: { target: { value: any } }) => {
-    const value = e.target.value;
+    const {value} = e.target;
     setInputValue(value);
 
     if (isPassword) {

src/components/LoginForm.tsx

@@ -23,7 +23,7 @@ export default function LoginForm(props: {
         placeholder="************"
         changeUserName={changeUserName}
         changePassword={changePassword}
-        isPassword={true}
+        isPassword
       />
     </div>
   );