3 files changed, 9 insertions, 12 deletions
diff --git a/components/shared/NavBar.js b/components/shared/NavBar.js
index 7bbd617..034a06b 100644
--- a/components/shared/NavBar.js
+++ b/components/shared/NavBar.js
@@ -56,7 +56,7 @@ export function NewNavbar({
                   shrink ? "py-1" : `${paddingY}`
                 }`
             : `${paddingY}`
-        }  transition-all duration-200 ease-linear`}
+        } transition-all duration-200 ease-linear`}
       >
         <div
           className={`flex items-center justify-between mx-auto ${
@@ -83,6 +83,7 @@ export function NewNavbar({
                 >
                   <ArrowLeftIcon className="w-full h-full" />
                 </button>
+
                 <span
                   className={`font-inter font-semibold w-[50%] line-clamp-1 select-none ${
                     scrollPosition?.y >= scrollP + 80
@@ -196,7 +197,7 @@ export function NewNavbar({
                 // title={sessions ? "Go to Profile" : "Login With AniList"}
               > */}
             {session ? (
-              <div className="w-7 h-7 relative flex flex-col items-center group">
+              <div className="w-7 h-7 relative flex flex-col items-center group shrink-0">
                 <button
                   type="button"
                   onClick={() =>
@@ -233,7 +234,7 @@ export function NewNavbar({
                 type="button"
                 onClick={() => signIn("AniListProvider")}
                 title="Login With AniList"
-                className="w-7 h-7 bg-white/30 rounded-full overflow-hidden"
+                className="w-7 h-7 bg-white/30 rounded-full overflow-hidden shrink-0"
               >
                 <UserIcon className="w-full h-full translate-y-1" />
               </button>
diff --git a/components/shared/bugReport.js b/components/shared/bugReport.js
index 9b99016..f6bd9f1 100644
--- a/components/shared/bugReport.js
+++ b/components/shared/bugReport.js
@@ -1,7 +1,7 @@
 import { Fragment, useState } from "react";
 import { Dialog, Listbox, Transition } from "@headlessui/react";
 import { CheckIcon, ChevronDownIcon } from "@heroicons/react/20/solid";
-import { toast } from "react-toastify";
+import { toast } from "sonner";
 
 const severityOptions = [
   { id: 1, name: "Low" },
@@ -42,17 +42,11 @@ const BugReportForm = ({ isOpen, setIsOpen }) => {
       });
 
       const json = await res.json();
-      toast.success(json.message, {
-        hideProgressBar: true,
-        theme: "colored",
-      });
+      toast.success(json.message);
       closeModal();
     } catch (err) {
       console.log(err);
-      toast.error("Something went wrong: " + err.message, {
-        hideProgressBar: true,
-        theme: "colored",
-      });
+      toast.error("Something went wrong: " + err.message);
     }
   };
 
diff --git a/components/shared/footer.js b/components/shared/footer.js
index 91af5a8..0e19f13 100644
--- a/components/shared/footer.js
+++ b/components/shared/footer.js
@@ -28,6 +28,8 @@ function Footer() {
       setLang("id");
       setChecked(true);
     }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   function switchLang() {