From b38b20e881d2cc5aaff89692633cfcbdbf744020 Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Wed, 12 Feb 2025 16:19:57 +0700
Subject: [PATCH] fix:landing

---
 components/form/login.tsx                    |  2 +-
 components/landing/MediaSocial.tsx           |  8 +--
 components/layout/sidebar/sidebar-mobile.tsx | 58 +++++++++---------
 components/layout/sidebar/sidebar.tsx        | 62 ++++++++++----------
 4 files changed, 63 insertions(+), 67 deletions(-)

diff --git a/components/form/login.tsx b/components/form/login.tsx
index 142ef14..273ec55 100644
--- a/components/form/login.tsx
+++ b/components/form/login.tsx
@@ -35,7 +35,7 @@ export default function Login() {
       if (response?.error) {
         error("Username / Password Tidak Sesuai");
       } else {
-        const access_token: any = response?.data?.data?.id_token;
+        const access_token: any = response?.data?.data?.access_token;
         const refresh_token: any = response?.data?.data?.refresh_token;
         const dateTime: any = new Date();
         const newTime: any = dateTime.getTime() + 10 * 60 * 1000;
diff --git a/components/landing/MediaSocial.tsx b/components/landing/MediaSocial.tsx
index f26060d..51cb672 100644
--- a/components/landing/MediaSocial.tsx
+++ b/components/landing/MediaSocial.tsx
@@ -66,7 +66,7 @@ export default function MediaSocial() {
             </p>
           </div>
         </Button>
-        <Button
+        {/* <Button
           className="min-w-[60px]"
           variant={selectedPlatform === "facebook" ? "solid" : "flat"}
           onClick={() => setSelectedPlatform("facebook")}
@@ -83,7 +83,7 @@ export default function MediaSocial() {
               Facebook
             </p>
           </div>
-        </Button>
+        </Button> */}
         {/* <Button
           className="min-w-[60px]"
           variant={selectedPlatform === "tiktok" ? "solid" : "flat"}
@@ -127,9 +127,9 @@ export default function MediaSocial() {
       <div className={selectedPlatform === "instagram" ? "" : "hidden"}>
         <InstagramWidget />
       </div>
-      <div className={selectedPlatform === "facebook" ? "" : "hidden"}>
+      {/* <div className={selectedPlatform === "facebook" ? "" : "hidden"}>
         <FacebookWidget />
-      </div>
+      </div> */}
       {/* <div className={selectedPlatform === "tiktok" ? "" : "hidden"}>
         <FacebookWidget />
       </div> */}
diff --git a/components/layout/sidebar/sidebar-mobile.tsx b/components/layout/sidebar/sidebar-mobile.tsx
index 411bbe9..b44fa44 100644
--- a/components/layout/sidebar/sidebar-mobile.tsx
+++ b/components/layout/sidebar/sidebar-mobile.tsx
@@ -129,7 +129,7 @@ const sideBarDummyData = [
     childModule: null,
   },
   {
-    id: 4,
+    id: 6,
     name: "Majalah",
     moduleId: 652,
     moduleName: "Apps",
@@ -320,7 +320,7 @@ const SidebarMobile: React.FC<SidebarProps> = ({ updateSidebarData }) => {
               ? sideBarDummyData?.map((list: any, index: number) =>
                   list.isGroup ? (
                     <p
-                      key={list}
+                      key={list.id}
                       className={`font-bold mr-4 text-white ${
                         !isOpen ? "text-center" : ""
                       }`}
@@ -328,47 +328,45 @@ const SidebarMobile: React.FC<SidebarProps> = ({ updateSidebarData }) => {
                       {isOpen ? list.name : "..."}
                     </p>
                   ) : list.childMenu?.length < 1 ? (
-                    <>
-                      {isOpen ? (
-                        <Link key={list.id} href={list.modulePathUrl}>
-                          {/* <div
+                    isOpen ? (
+                      <Link key={list.id} href={list.modulePathUrl}>
+                        {/* <div
                             className={`px-3.5 py-2 mr-4 rounded-lg hover:bg-zinc-400 dark:hover:text-zinc-600 flex flex-row gap-2 ${
                               pathname.includes(list.modulePathUrl)
                                 ? "bg-zinc-600 dark:bg-zinc-300 text-zinc-300 dark:text-zinc-500 font-bold"
                                 : "text-zinc-600 dark:text-zinc-400"
                             }`}
                           > */}
+                        <div
+                          className={`px-3.5 py-2 mr-4 rounded-lg  flex flex-row gap-2 ${
+                            pathname.includes(list.modulePathUrl)
+                              ? "bg-white text-black font-bold"
+                              : "text-white hover:bg-gray-200 hover:text-black"
+                          }`}
+                        >
+                          {list.icon} {isOpen && list.name}
+                        </div>
+                      </Link>
+                    ) : (
+                      <Tooltip
+                        content={list.name}
+                        placement="right"
+                        delay={0}
+                        closeDelay={0}
+                      >
+                        <Link key={list.id} href={list.modulePathUrl}>
                           <div
-                            className={`px-3.5 py-2 mr-4 rounded-lg  flex flex-row gap-2 ${
+                            className={`py-2 mr-4 rounded-lg hover:bg-zinc-400 dark:hover:text-zinc-600 flex flex-row justify-center gap-1 ${
                               pathname.includes(list.modulePathUrl)
-                                ? "bg-white text-black font-bold"
-                                : "text-white hover:bg-gray-200 hover:text-black"
+                                ? "bg-zinc-300 text-zinc-500 font-bold hover:text-black"
+                                : "text-zinc-400 hover:text-black"
                             }`}
                           >
                             {list.icon} {isOpen && list.name}
                           </div>
                         </Link>
-                      ) : (
-                        <Tooltip
-                          content={list.name}
-                          placement="right"
-                          delay={0}
-                          closeDelay={0}
-                        >
-                          <Link key={list.id} href={list.modulePathUrl}>
-                            <div
-                              className={`py-2 mr-4 rounded-lg hover:bg-zinc-400 dark:hover:text-zinc-600 flex flex-row justify-center gap-1 ${
-                                pathname.includes(list.modulePathUrl)
-                                  ? "bg-zinc-300 text-zinc-500 font-bold hover:text-black"
-                                  : "text-zinc-400 hover:text-black"
-                              }`}
-                            >
-                              {list.icon} {isOpen && list.name}
-                            </div>
-                          </Link>
-                        </Tooltip>
-                      )}
-                    </>
+                      </Tooltip>
+                    )
                   ) : (
                     <SidebarCollapseItems
                       key={list.id}
diff --git a/components/layout/sidebar/sidebar.tsx b/components/layout/sidebar/sidebar.tsx
index c12b82e..d68c6e3 100644
--- a/components/layout/sidebar/sidebar.tsx
+++ b/components/layout/sidebar/sidebar.tsx
@@ -130,7 +130,7 @@ const sideBarDummyData = [
     childModule: null,
   },
   {
-    id: 4,
+    id: 6,
     name: "Majalah",
     moduleId: 652,
     moduleName: "Apps",
@@ -321,7 +321,7 @@ const Sidebar: React.FC<SidebarProps> = ({ updateSidebarData }) => {
               ? sideBarDummyData?.map((list: any, index: number) =>
                   list.isGroup ? (
                     <p
-                      key={list}
+                      key={list.id}
                       className={`font-bold mr-4 text-white ${
                         !isOpen ? "text-center" : ""
                       }`}
@@ -329,47 +329,45 @@ const Sidebar: React.FC<SidebarProps> = ({ updateSidebarData }) => {
                       {isOpen ? list.name : "..."}
                     </p>
                   ) : list.childMenu?.length < 1 ? (
-                    <>
-                      {isOpen ? (
-                        <Link key={list.id} href={list.modulePathUrl}>
-                          {/* <div
+                    isOpen ? (
+                      <Link key={list.id} href={list.modulePathUrl}>
+                        {/* <div
                             className={`px-3.5 py-2 mr-4 rounded-lg hover:bg-zinc-400 dark:hover:text-zinc-600 flex flex-row gap-2 ${
                               pathname.includes(list.modulePathUrl)
                                 ? "bg-zinc-600 dark:bg-zinc-300 text-zinc-300 dark:text-zinc-500 font-bold"
                                 : "text-zinc-600 dark:text-zinc-400"
                             }`}
                           > */}
+                        <div
+                          className={`px-3.5 py-2 mr-4 rounded-lg  flex flex-row gap-2 ${
+                            pathname.includes(list.modulePathUrl)
+                              ? "bg-white text-black font-bold"
+                              : "text-white hover:bg-gray-200 hover:text-black"
+                          }`}
+                        >
+                          {list.icon} {isOpen && list.name}
+                        </div>
+                      </Link>
+                    ) : (
+                      <Tooltip
+                        content={list.name}
+                        placement="right"
+                        delay={0}
+                        closeDelay={0}
+                      >
+                        <Link key={list.id} href={list.modulePathUrl}>
                           <div
-                            className={`px-3.5 py-2 mr-4 rounded-lg  flex flex-row gap-2 ${
+                            className={`py-2 mr-4 rounded-lg hover:bg-zinc-400 dark:hover:text-zinc-600 flex flex-row justify-center gap-1 ${
                               pathname.includes(list.modulePathUrl)
-                                ? "bg-white text-black font-bold"
-                                : "text-white hover:bg-gray-200 hover:text-black"
+                                ? "bg-zinc-300 text-zinc-500 font-bold hover:text-black"
+                                : "text-zinc-400 hover:text-black"
                             }`}
                           >
                             {list.icon} {isOpen && list.name}
                           </div>
                         </Link>
-                      ) : (
-                        <Tooltip
-                          content={list.name}
-                          placement="right"
-                          delay={0}
-                          closeDelay={0}
-                        >
-                          <Link key={list.id} href={list.modulePathUrl}>
-                            <div
-                              className={`py-2 mr-4 rounded-lg hover:bg-zinc-400 dark:hover:text-zinc-600 flex flex-row justify-center gap-1 ${
-                                pathname.includes(list.modulePathUrl)
-                                  ? "bg-zinc-300 text-zinc-500 font-bold hover:text-black"
-                                  : "text-zinc-400 hover:text-black"
-                              }`}
-                            >
-                              {list.icon} {isOpen && list.name}
-                            </div>
-                          </Link>
-                        </Tooltip>
-                      )}
-                    </>
+                      </Tooltip>
+                    )
                   ) : (
                     <SidebarCollapseItems
                       key={list.id}
@@ -377,9 +375,9 @@ const Sidebar: React.FC<SidebarProps> = ({ updateSidebarData }) => {
                       isActive={pathname.includes(list.modulePathUrl)}
                       icon={list.icon}
                       items={[
-                        list?.childMenu?.map((item: any) => (
+                        list?.childMenu?.map((item: any, index: number) => (
                           <SidebarCollapseSubItems
-                            key={item.id}
+                            key={item.id + index}
                             title={item?.name}
                             isActive={pathname.includes(item.modulePathUrl)}
                             isParentActive={pathname.includes(