wibu/jenna-mcp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing : list user #45

Merged
amaliadwiy merged 1 commits from amalia/28-nov-25 into main 2025-11-28 17:33:29 +08:00
Conversation 0 Commits 1 Files Changed 1 +45 -41
1 changed files with 45 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/components/UserSetting.tsx
View File

@@ -1,6 +1,5 @@
import apiFetch from "@/lib/apiFetch"; import apiFetch from "@/lib/apiFetch";
import { import {
ActionIcon,
Button, Button,
Divider, Divider,
Flex, Flex,
@@ -12,10 +11,10 @@ import {
Table, Table,
Text, Text,
Title, Title,
Tooltip, Tooltip
} from "@mantine/core"; } from "@mantine/core";
import { useDisclosure, useShallowEffect } from "@mantine/hooks"; import { useDisclosure, useShallowEffect } from "@mantine/hooks";
import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react"; import { IconPlus } from "@tabler/icons-react";
import type { JsonValue } from "generated/prisma/runtime/library"; import type { JsonValue } from "generated/prisma/runtime/library";
import { useState } from "react"; import { useState } from "react";
import useSWR from "swr"; import useSWR from "swr";
@@ -466,44 +465,49 @@ export default function UserSetting({ permissions }: { permissions: JsonValue[]
</Table.Thead> </Table.Thead>
<Table.Tbody> <Table.Tbody>
{list && Array.isArray(list) && list.length > 0 ? ( {list && Array.isArray(list) && list.length > 0 ? (
list?.map((v: any) => ( <Table.Tr>
<Table.Tr key={v.id}> <Table.Td colSpan={5} align="center">
<Table.Td>{v.name}</Table.Td> Ada banyak {JSON.stringify(list)}
<Table.Td>{v.phone}</Table.Td> </Table.Td>
<Table.Td>{v.email}</Table.Td> </Table.Tr>
<Table.Td>{v.nameRole}</Table.Td> // list?.map((v: any) => (
<Table.Td> // <Table.Tr key={v.id}>
<Group> // <Table.Td>{v.name}</Table.Td>
<Tooltip label={permissions.includes('setting.user.edit') ? "Edit User" : "Edit User - Anda tidak memiliki akses"}> // <Table.Td>{v.phone}</Table.Td>
<ActionIcon // <Table.Td>{v.email}</Table.Td>
variant="light" // <Table.Td>{v.nameRole}</Table.Td>
size="sm" // <Table.Td>
style={{ boxShadow: "0 0 8px rgba(0,255,200,0.2)" }} // <Group>
onClick={() => chooseEdit({ data: v })} // <Tooltip label={permissions.includes('setting.user.edit') ? "Edit User" : "Edit User - Anda tidak memiliki akses"}>
disabled={!permissions.includes('setting.user.edit') || v.roleId == "developer"} // <ActionIcon
> // variant="light"
<IconEdit size={20} /> // size="sm"
</ActionIcon> // style={{ boxShadow: "0 0 8px rgba(0,255,200,0.2)" }}
</Tooltip> // onClick={() => chooseEdit({ data: v })}
<Tooltip label={permissions.includes('setting.user.delete') ? "Delete User" : "Delete User - Anda tidak memiliki akses"}> // disabled={!permissions.includes('setting.user.edit') || v.roleId == "developer"}
<ActionIcon // >
variant="light" // <IconEdit size={20} />
size="sm" // </ActionIcon>
color="red" // </Tooltip>
style={{ boxShadow: "0 0 8px rgba(0,255,200,0.2)" }} // <Tooltip label={permissions.includes('setting.user.delete') ? "Delete User" : "Delete User - Anda tidak memiliki akses"}>
onClick={() => { // <ActionIcon
setDataDelete(v.id); // variant="light"
openDelete(); // size="sm"
}} // color="red"
disabled={!permissions.includes('setting.user.delete') || v.roleId == "developer"} // style={{ boxShadow: "0 0 8px rgba(0,255,200,0.2)" }}
> // onClick={() => {
<IconTrash size={20} /> // setDataDelete(v.id);
</ActionIcon> // openDelete();
</Tooltip> // }}
</Group> // disabled={!permissions.includes('setting.user.delete') || v.roleId == "developer"}
</Table.Td> // >
</Table.Tr> // <IconTrash size={20} />
)) // </ActionIcon>
// </Tooltip>
// </Group>
// </Table.Td>
// </Table.Tr>
// ))
) : ( ) : (
<Table.Tr> <Table.Tr>
<Table.Td colSpan={5} align="center"> <Table.Td colSpan={5} align="center">