From aebf91a442c8c97ca71a4d49166bb2d39a51f54f Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Tue, 24 Jun 2025 14:50:35 +0700
Subject: [PATCH] fix:dashboard

---
 .../main/dashboard/dashboard-container.tsx    | 43 +++++++------------
 1 file changed, 16 insertions(+), 27 deletions(-)

diff --git a/components/main/dashboard/dashboard-container.tsx b/components/main/dashboard/dashboard-container.tsx
index a1181d0..43c5405 100644
--- a/components/main/dashboard/dashboard-container.tsx
+++ b/components/main/dashboard/dashboard-container.tsx
@@ -964,34 +964,23 @@ export default function DashboardContainer() {
             </div>
           </div>
         </div>
-        <div className="flex flex-row gap-6 w-full">
-          <div className="w-screen md:w-[80%] h-[360px] lg:h-[600px]">
-            <IndonesiaMap />
+        {roleId && Number(roleId) < 3 && (
+          <div className="flex flex-row gap-6 w-full">
+            <div className="w-screen md:w-[80%] h-[360px] lg:h-[600px]">
+              <IndonesiaMap />
+            </div>
+            <div className="w-screen md:w-[300px] h-[360px] lg:h-[600px] overflow-auto gap-2 flex flex-col">
+              {dummyData.map((list) => (
+                <div key={list.id} className="w-full flex flex-row gap-2">
+                  <p className="w-1/2">{list.name}</p>{" "}
+                  <p className="w-1/2 bg-[#0e7490] text-white border-white ">
+                    {list.value}
+                  </p>
+                </div>
+              ))}
+            </div>
           </div>
-          <div className="w-screen md:w-[300px] h-[360px] lg:h-[600px] overflow-auto gap-2 flex flex-col">
-            {dummyData.map((list) => (
-              // <p
-              //   key={list.id}
-              //   className={`text-white py-1 pl-3  rounded-sm`}
-              //   style={{
-              //     backgroundColor: colors[list.id % 5],
-              //     width: `calc(50px + ${Math.min(
-              //       (list.value / Math.max(...getTotalData)) * 100,
-              //       100
-              //     )}%)`,
-              //   }}
-              // >
-              //   {list.value}
-              // </p>
-              <div key={list.id} className="w-full flex flex-row gap-2">
-                <p className="w-1/2">{list.name}</p>{" "}
-                <p className="w-1/2 bg-[#0e7490] text-white border-white ">
-                  {list.value}
-                </p>
-              </div>
-            ))}
-          </div>
-        </div>
+        )}
       </div>
       <Modal isOpen={isOpen} onOpenChange={onOpenChange} size="3xl">
         <ModalContent>