Update v4.0.1 - Merge pre-push to main (#73)v4.0.1

* Create build-test.yml

* initial v4 commit

* update: github workflow

* update: push on branch

* Update .github/ISSUE_TEMPLATE/bug_report.md

* configuring next.config.js file

* Update v4.0.1

4 files changed, 39 insertions, 35 deletions

diff --git a/components/anime/mobile/topSection.js b/components/anime/mobile/topSection.js
index 25d387f..4420d24 100644
--- a/components/anime/mobile/topSection.js
+++ b/components/anime/mobile/topSection.js
@@ -113,18 +113,22 @@ export function NewNavbar({ info, session, scrollP = 200, toTop = false }) {
                 // title={sessions ? "Go to Profile" : "Login With AniList"}
               > */}
             {session ? (
-              <button
-                type="button"
-                onClick={() => router.push(`/en/profile/${session?.user.name}`)}
-                className="w-7 h-7 relative flex flex-col items-center group"
-              >
-                <Image
-                  src={session?.user.image.large}
-                  alt="avatar"
-                  width={50}
-                  height={50}
-                  className="w-full h-full object-cover"
-                />
+              <div className="w-7 h-7 relative flex flex-col items-center group">
+                <button
+                  type="button"
+                  onClick={() =>
+                    router.push(`/en/profile/${session?.user.name}`)
+                  }
+                  className="rounded-full bg-white/30 overflow-hidden"
+                >
+                  <Image
+                    src={session?.user.image.large}
+                    alt="avatar"
+                    width={50}
+                    height={50}
+                    className="w-full h-full object-cover"
+                  />
+                </button>
                 <div className="hidden absolute z-50 w-28 text-center -bottom-20 text-white shadow-2xl opacity-0 bg-secondary p-1 py-2 rounded-md font-karla font-light invisible group-hover:visible group-hover:opacity-100 duration-300 transition-all md:grid place-items-center gap-1">
                   <Link
                     href={`/en/profile/${session?.user.name}`}
@@ -133,13 +137,13 @@ export function NewNavbar({ info, session, scrollP = 200, toTop = false }) {
                     Profile
                   </Link>
                   <div
-                    onClick={() => signOut({ callbackUrl: "/" })}
+                    onClick={() => signOut("AniListProvider")}
                     className="hover:text-action"
                   >
                     Log out
                   </div>
                 </div>
-              </button>
+              </div>
             ) : (
               <button
                 type="button"
@@ -220,7 +224,6 @@ export default function DetailTop({
         <div className="shrink-0 w-[180px] h-[250px] rounded overflow-hidden">
           <Image
             src={info?.coverImage?.extraLarge}
-            // alt="coverImage"
             alt="poster anime"
             width={300}
             height={300}
diff --git a/components/home/content.js b/components/home/content.js
index e18e5d8..c869f6b 100644
--- a/components/home/content.js
+++ b/components/home/content.js
@@ -6,7 +6,6 @@ import { MdChevronRight } from "react-icons/md";
 import {
   ChevronRightIcon,
   ArrowRightCircleIcon,
-  XMarkIcon,
 } from "@heroicons/react/24/outline";
 
 import { parseCookies } from "nookies";
diff --git a/components/home/staticNav.js b/components/home/staticNav.js
index b22a9e3..3f43461 100644
--- a/components/home/staticNav.js
+++ b/components/home/staticNav.js
@@ -19,8 +19,8 @@ export default function Navigasi() {
   return (
     <>
       {/* NAVBAR PC */}
-      <div className="flex items-center justify-center">
-        <div className="flex w-full items-center justify-between px-5 lg:mx-[94px] lg:pt-7">
+      <div className="flex items-center justify-center w-full">
+        <div className="flex w-full items-center justify-between px-4 lg:w-[90%] lg:pt-7">
           <div className="flex items-center lg:gap-16">
             <Link
               href="/en/"
@@ -118,20 +118,22 @@ export default function Navigasi() {
               // title={sessions ? "Go to Profile" : "Login With AniList"}
             > */}
             {sessions ? (
-              <button
-                type="button"
-                onClick={() =>
-                  router.push(`/en/profile/${sessions?.user.name}`)
-                }
-                className="w-7 h-7 relative flex flex-col items-center group"
-              >
-                <Image
-                  src={sessions?.user.image.large}
-                  alt="avatar"
-                  width={50}
-                  height={50}
-                  className="w-full h-full object-cover"
-                />
+              <div className="w-8 h-8 relative flex flex-col items-center group">
+                <button
+                  type="button"
+                  onClick={() =>
+                    router.push(`/en/profile/${sessions?.user.name}`)
+                  }
+                  className="rounded-full bg-white/30 overflow-hidden"
+                >
+                  <Image
+                    src={sessions?.user.image.large}
+                    alt="avatar"
+                    width={50}
+                    height={50}
+                    className="w-full h-full object-cover"
+                  />
+                </button>
                 <div className="hidden absolute z-50 w-28 text-center -bottom-20 text-white shadow-2xl opacity-0 bg-secondary p-1 py-2 rounded-md font-karla font-light invisible group-hover:visible group-hover:opacity-100 duration-300 transition-all md:grid place-items-center gap-1">
                   <Link
                     href={`/en/profile/${sessions?.user.name}`}
@@ -140,13 +142,13 @@ export default function Navigasi() {
                     Profile
                   </Link>
                   <div
-                    onClick={() => signOut({ callbackUrl: "/" })}
+                    onClick={() => signOut("AniListProvider")}
                     className="hover:text-action cursor-pointer"
                   >
                     Log out
                   </div>
                 </div>
-              </button>
+              </div>
             ) : (
               <button
                 type="button"
diff --git a/components/navbar.js b/components/navbar.js
index 7edd6c1..0bb254f 100644
--- a/components/navbar.js
+++ b/components/navbar.js
@@ -107,7 +107,7 @@ function Navbar(props) {
                         Profile
                       </Link>
                       <button
-                        onClick={() => signOut({ callbackUrl: "/" })}
+                        onClick={() => signOut("AniListProvider")}
                         className="hover:text-action"
                       >
                         Log out