From cac518b7c396eefe832f2b653e7a5b04b592c3d0 Mon Sep 17 00:00:00 2001
From: syafiqparadisam <syafiqparadisam@gmail.com>
Date: Sun, 5 May 2024 19:38:59 +0700
Subject: [PATCH] fix: update all file,because linting error

---
 project/.eslintrc.cjs                            |  1 +
 project/src/App.jsx                              | 16 +---------------
 .../components/Achievement/AchievementImage.jsx  |  4 ++++
 project/src/components/Home/AboutSection.jsx     |  3 ---
 project/src/components/Home/BrandingSosmed.jsx   |  1 -
 .../components/Testimonials/CardTestimonial.jsx  |  2 +-
 project/src/utils/Footer.jsx                     |  4 +---
 project/src/utils/LayoutImageAndText.jsx         |  1 -
 project/src/utils/NavigationBar.jsx              |  3 ++-
 9 files changed, 10 insertions(+), 25 deletions(-)

diff --git a/project/.eslintrc.cjs b/project/.eslintrc.cjs
index ec601b2..67493e6 100644
--- a/project/.eslintrc.cjs
+++ b/project/.eslintrc.cjs
@@ -10,6 +10,7 @@ module.exports = {
   settings: { react: { version: '18.2' } },
   plugins: ['react-refresh'],
   rules: {
+    'react/prop-types': 'off',
     'react-refresh/only-export-components': 'warn',
   },
 }
diff --git a/project/src/App.jsx b/project/src/App.jsx
index e6011c6..43ce52e 100644
--- a/project/src/App.jsx
+++ b/project/src/App.jsx
@@ -1,7 +1,6 @@
 import Home from "./pages/Home";
 
 import { Route, Routes, BrowserRouter } from "react-router-dom";
-import NavigationBar from "./utils/NavigationBar";
 import Layout from "./utils/Layout";
 import { useEffect } from "react";
 import Aos from "aos";
@@ -40,17 +39,4 @@ const App = () => {
 		</>
 	);
 };
-export default App;
-
-//   <ChakraProvider>
-//     <NavigationBar />
-//     <CardContext.Provider value={card}>
-//       <Routes>
-//         <Route path="/portofolio/" element={<Home />} />
-//         <Route path="/portofolio/client" element={<Client />} />
-//         <Route path="/portofolio/portofolio" element={<Portofolio />} />
-//         <Route path="/portofolio/service" element={<Service />} />
-//       </Routes>
-//     </CardContext.Provider>
-//     <Footer />
-//   </ChakraProvider>
+export default App;
\ No newline at end of file
diff --git a/project/src/components/Achievement/AchievementImage.jsx b/project/src/components/Achievement/AchievementImage.jsx
index 0068d0f..6fc014b 100644
--- a/project/src/components/Achievement/AchievementImage.jsx
+++ b/project/src/components/Achievement/AchievementImage.jsx
@@ -49,4 +49,8 @@ const AchievementImage = ({ src, title }) => {
 	);
 };
 
+AchievementImage.propTypes = {
+	
+}
+
 export default AchievementImage;
diff --git a/project/src/components/Home/AboutSection.jsx b/project/src/components/Home/AboutSection.jsx
index 93d2c84..ad95715 100644
--- a/project/src/components/Home/AboutSection.jsx
+++ b/project/src/components/Home/AboutSection.jsx
@@ -1,6 +1,3 @@
-import { TbClockBolt } from "react-icons/tb";
-import { BsArrowDown, BsListCheck } from "react-icons/bs";
-import { RiTeamFill } from "react-icons/ri";
 import "aos/dist/aos.css";
 import LayoutImageAndText from "../../utils/LayoutImageAndText";
 import schoolIlustration from "../../assets/school.png"
diff --git a/project/src/components/Home/BrandingSosmed.jsx b/project/src/components/Home/BrandingSosmed.jsx
index c52439b..2f93197 100644
--- a/project/src/components/Home/BrandingSosmed.jsx
+++ b/project/src/components/Home/BrandingSosmed.jsx
@@ -1,4 +1,3 @@
-import React from 'react'
 
 const BrandingSosmed = ({link, icon, animate}) => {
   return (
diff --git a/project/src/components/Testimonials/CardTestimonial.jsx b/project/src/components/Testimonials/CardTestimonial.jsx
index 5685605..5ba7908 100644
--- a/project/src/components/Testimonials/CardTestimonial.jsx
+++ b/project/src/components/Testimonials/CardTestimonial.jsx
@@ -1,4 +1,4 @@
-const CardTestimonial = ({ user, imageUrl, inisial,alt,bgColor,ulasan }) => {
+const CardTestimonial = ({ user, inisial,bgColor,ulasan }) => {
 	return (
 		<div data-aos="zoom-in" className="tablet:w-96 w-full tablet:mx-0 mx-5 flex flex-col items-start shadow-xl rounded-lg pb-10 p-2  hover:bg-gray-300">
 			<div className="flex w-full text-left pb-3 gap-2 items-center justify-start">
diff --git a/project/src/utils/Footer.jsx b/project/src/utils/Footer.jsx
index 3a43bcd..3977435 100644
--- a/project/src/utils/Footer.jsx
+++ b/project/src/utils/Footer.jsx
@@ -3,11 +3,9 @@ import {
 	BsInstagram,
 	BsLinkedin,
 	BsTiktok,
-	BsYoutube,
 } from "react-icons/bs";
-import { Link, NavLink } from "react-router-dom";
+import { Link } from "react-router-dom";
 import { BiCopyright } from "react-icons/bi";
-import { TbClockBolt } from 'react-icons/tb';
 
 const Footer = () => {
 	const goto = () => {
diff --git a/project/src/utils/LayoutImageAndText.jsx b/project/src/utils/LayoutImageAndText.jsx
index fd3549e..ac6cd0a 100644
--- a/project/src/utils/LayoutImageAndText.jsx
+++ b/project/src/utils/LayoutImageAndText.jsx
@@ -1,4 +1,3 @@
-import { useEffect, useState } from "react";
 
 const LayoutImageAndText = ({
 	image = "https://placeholder.com/1600x900",
diff --git a/project/src/utils/NavigationBar.jsx b/project/src/utils/NavigationBar.jsx
index e878e64..f0cd69e 100644
--- a/project/src/utils/NavigationBar.jsx
+++ b/project/src/utils/NavigationBar.jsx
@@ -37,7 +37,8 @@ const NavigationBar = () => {
 		if (window.innerWidth >= 700) {
 			setHamburgerMenu(false);
 		}
-	});
+	}, [hamburgerMenu]);
+	
 	return (
 		<nav
 			className={`w-full flex items-center flex-row shadow-4xl minilaptop:sticky relative`}