some fixes

Author: ubaimutl

.env

@@ -0,0 +1,2 @@
+GENERATE_SOURCEMAP=false
+DISABLE_ESLINT_PLUGIN=true

package.json

@@ -1,27 +1,20 @@
 {
-    "homepage": "http://ubaimutl.github.io/react-portfolio",
     "name": "react-portfolio",
     "version": "0.1.0",
     "private": true,
     "dependencies": {
-        "@steveeeie/react-page-transition": "^1.2.1",
-        "@testing-library/jest-dom": "^5.11.4",
-        "@testing-library/react": "^11.1.0",
-        "@testing-library/user-event": "^12.1.10",
-        "bootstrap": "^4.6.0",
-        "emailjs-com": "^2.6.4",
-        "gh-pages": "^3.2.3",
-        "react": "^17.0.1",
-        "react-animated-cursor": "^2.1.8",
-        "react-bootstrap": "^1.4.3",
-        "react-dom": "^17.0.1",
+        "bootstrap": "^5.2.3",
+        "emailjs-com": "^3.2.0",
+        "react": "^18.2.0",
+        "react-bootstrap": "^2.7.0",
+        "react-dom": "^18.2.0",
         "react-helmet-async": "^1.0.7",
         "react-icons": "^4.1.0",
-        "react-router-dom": "^5.2.0",
-        "react-scripts": "4.0.1",
+        "react-router-dom": "^6.6.2",
+        "react-scripts": "^5.0.1",
         "react-transition-group": "^4.4.2",
         "typewriter-effect": "^2.18.2",
-        "web-vitals": "^0.2.4"
+        "web-vitals": "^3.1.1"
     },
     "scripts": {
         "start": "react-scripts start",
@@ -49,4 +42,4 @@
             "last 1 safari version"
         ]
     }
-}
+}

src/app/App.css

@@ -28,4 +28,15 @@
     top: 0;
     transform: translateY(-130%);
     transition: all 400ms ease-out;
+}
+
+@media (min-width: 1400px) {
+    .container,
+    .container-lg,
+    .container-md,
+    .container-sm,
+    .container-xl,
+    .container-xxl {
+        max-width: 1140px;
+    }
 }

src/app/App.js

@@ -3,11 +3,11 @@ import "bootstrap/dist/css/bootstrap.min.css";
 import {
   BrowserRouter as Router,
   useLocation,
-  withRouter,
 } from "react-router-dom";
+import withRouter from "../hooks/withRouter";
 import AppRoutes from "./routes";
 import Headermain from "../header";
-import AnimatedCursor from "react-animated-cursor";
+import AnimatedCursor  from "../hooks/AnimatedCursor";
 import "./App.css";
 
 function _ScrollToTop(props) {

src/app/routes.js

@@ -1,14 +1,14 @@
 import React from "react";
-import { Route, Switch, withRouter } from "react-router-dom";
-
+import { Route, Routes} from "react-router-dom";
+import withRouter from "../hooks/withRouter"
 import { Home } from "../pages/home";
 import { Portfolio } from "../pages/portfolio";
 import { ContactUs } from "../pages/contact";
 import { About } from "../pages/about";
 import { Socialicons } from "../components/socialicons";
 import { CSSTransition, TransitionGroup } from "react-transition-group";
 
-const AnimatedSwitch = withRouter(({ location }) => (
+const AnimatedRoutes = withRouter(({ location }) => (
   <TransitionGroup>
     <CSSTransition
       key={location.key}
@@ -19,21 +19,21 @@ const AnimatedSwitch = withRouter(({ location }) => (
       classNames="page"
       unmountOnExit
     >
-      <Switch location={location}>
-        <Route exact path="/" component={Home} />
-        <Route path="/about" component={About} />
-        <Route path="/portfolio" component={Portfolio} />
-        <Route path="/contact" component={ContactUs} />
-        <Route path="*" component={Home} />
-      </Switch>
+      <Routes location={location}>
+        <Route exact path="/" element={<Home />} />
+        <Route path="/about" element={<About />} />
+        <Route path="/portfolio" element={<Portfolio />} />
+        <Route path="/contact" element={<ContactUs />} />
+        <Route path="*" element={<Home />} />
+      </Routes>
     </CSSTransition>
   </TransitionGroup>
 ));
 
 function AppRoutes() {
   return (
     <div className="s_c">
-      <AnimatedSwitch />
+      <AnimatedRoutes />
       <Socialicons />
     </div>
   );

src/content_option.js

@@ -151,8 +151,6 @@ const socialprofils = {
     facebook: "https://facebook.com",
     linkedin: "https://linkedin.com",
     twitter: "https://twitter.com",
-    youtube: "https://youtube.com",
-    twitch: "https://twitch.com",
 };
 export {
     meta,
@@ -165,4 +163,4 @@ export {
     contactConfig,
     socialprofils,
     logotext,
-};
+};

src/header/style.css

@@ -179,9 +179,14 @@
     position: relative;
     transition: color 250ms cubic-bezier(0, 0, 0.58, 1) 0s;
     padding: 4px 0px;
+    text-decoration: none;
     font-family: Marcellus;
 }
 
+.the_menu .menu_item>a:hover {
+    color: var(--text-color-3);
+}
+
 @media (min-width: 768px) {
     .the_menu .menu_item>a {
         font-size: 4.8vw;
@@ -198,4 +203,5 @@
 .menu_footer a {
     color: var(--text-color-2);
     margin-right: 10px;
+    text-decoration: none;
 }