humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:dashboard

This commit is contained in:
Rama Priyanto 2025-06-24 14:50:35 +07:00
parent 17e9faec56
commit aebf91a442
1 changed files with 16 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
components/main/dashboard/dashboard-container.tsx
View File

@ -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>