Update v4.1.0 (#79)v4.1.0

* Update v4.1.0

* Update pages/_app.js

2 files changed, 17 insertions, 19 deletions

diff --git a/pages/en/manga/[id].js b/pages/en/manga/[id].js
index e928bd4..6f25532 100644
--- a/pages/en/manga/[id].js
+++ b/pages/en/manga/[id].js
@@ -1,14 +1,14 @@
-import ChapterSelector from "../../../components/manga/chapters";
-import HamburgerMenu from "../../../components/manga/mobile/hamburgerMenu";
-import Navbar from "../../../components/navbar";
-import TopSection from "../../../components/manga/info/topSection";
-import Footer from "../../../components/footer";
+import ChapterSelector from "@/components/manga/chapters";
+import HamburgerMenu from "@/components/manga/mobile/hamburgerMenu";
+import TopSection from "@/components/manga/info/topSection";
+import Footer from "@/components/shared/footer";
 import Head from "next/head";
 import { useEffect, useState } from "react";
 import { setCookie } from "nookies";
 import { getServerSession } from "next-auth";
 import { authOptions } from "../../api/auth/[...nextauth]";
-import getAnifyInfo from "../../../lib/anify/info";
+import getAnifyInfo from "@/lib/anify/info";
+import { NewNavbar } from "@/components/shared/NavBar";
 
 export default function Manga({ info, userManga }) {
   const [domainUrl, setDomainUrl] = useState("");
@@ -53,7 +53,7 @@ export default function Manga({ info, userManga }) {
       </Head>
       <div className="min-h-screen w-screen flex flex-col items-center relative">
         <HamburgerMenu />
-        <Navbar className="absolute top-0 w-full z-40" />
+        <NewNavbar info={info} manga={true} />
         <div className="flex flex-col w-screen items-center gap-5 md:gap-10 py-10 pt-nav">
           <div className="flex-center w-full relative z-30">
             <TopSection info={info} firstEp={firstEp} setCookie={setCookie} />
diff --git a/pages/en/manga/read/[...params].js b/pages/en/manga/read/[...params].js
index b71f8a7..a7769e2 100644
--- a/pages/en/manga/read/[...params].js
+++ b/pages/en/manga/read/[...params].js
@@ -1,20 +1,19 @@
 import { useEffect, useRef, useState } from "react";
-import { LeftBar } from "../../../../components/manga/leftBar";
+import { LeftBar } from "@/components/manga/leftBar";
 import { useRouter } from "next/router";
-import RightBar from "../../../../components/manga/rightBar";
-import FirstPanel from "../../../../components/manga/panels/firstPanel";
-import SecondPanel from "../../../../components/manga/panels/secondPanel";
-import ThirdPanel from "../../../../components/manga/panels/thirdPanel";
+import RightBar from "@/components/manga/rightBar";
+import FirstPanel from "@/components/manga/panels/firstPanel";
+import SecondPanel from "@/components/manga/panels/secondPanel";
+import ThirdPanel from "@/components/manga/panels/thirdPanel";
 import { getServerSession } from "next-auth";
 import { authOptions } from "../../../api/auth/[...nextauth]";
-import BottomBar from "../../../../components/manga/mobile/bottomBar";
-import TopBar from "../../../../components/manga/mobile/topBar";
-import { ToastContainer } from "react-toastify";
+import BottomBar from "@/components/manga/mobile/bottomBar";
+import TopBar from "@/components/manga/mobile/topBar";
 import Head from "next/head";
 import nookies from "nookies";
-import ShortCutModal from "../../../../components/manga/modals/shortcutModal";
-import ChapterModal from "../../../../components/manga/modals/chapterModal";
-import getAnifyPage from "../../../../lib/anify/page";
+import ShortCutModal from "@/components/manga/modals/shortcutModal";
+import ChapterModal from "@/components/manga/modals/chapterModal";
+import getAnifyPage from "@/lib/anify/page";
 
 export default function Read({ data, currentId, sessions }) {
   const [info, setInfo] = useState();
@@ -121,7 +120,6 @@ export default function Read({ data, currentId, sessions }) {
         <meta id="CoverImage" data-manga-cover={info?.coverImage} />
       </Head>
       <div className="w-screen flex justify-evenly relative">
-        <ToastContainer pauseOnFocusLoss={false} />
         <ShortCutModal isOpen={isKeyOpen} setIsOpen={setIsKeyOpen} />
         <ChapterModal
           id={info?.id}