diff --git a/src/module/calender/ui/detail_event_division.tsx b/src/module/calender/ui/detail_event_division.tsx
index 249dcf1..8115cbc 100644
--- a/src/module/calender/ui/detail_event_division.tsx
+++ b/src/module/calender/ui/detail_event_division.tsx
@@ -320,7 +320,7 @@ export default function DetailEventDivision() {
-
+
))}
@@ -365,7 +365,7 @@ export default function DetailEventDivision() {
lg: 1,
xl: 1,
}}>
-
+
-
-
- {v.name}
-
- {v.email}
-
-
-
+ {v.name}
+ {v.email}
diff --git a/src/module/division_new/ui/information_division.tsx b/src/module/division_new/ui/information_division.tsx
index 5f014cf..9c8119e 100644
--- a/src/module/division_new/ui/information_division.tsx
+++ b/src/module/division_new/ui/information_division.tsx
@@ -31,6 +31,7 @@ export default function InformationDivision() {
const roleLogin = useHookstate(globalRole)
const [isAdmin, setAdmin] = useState(false)
const isMobile = useMediaQuery('(max-width: 455px)');
+ const isMobile2 = useMediaQuery("(max-width: 438px)");
const tema = useHookstate(TEMA)
async function getOneData() {
@@ -164,8 +165,8 @@ export default function InformationDivision() {
((roleLogin.get() != 'user' && roleLogin.get() != 'coadmin') || isAdmin) ?
router.push('/division/add-member/' + param.id)}>
-
-
+
+
Tambah Anggota
@@ -194,10 +195,10 @@ export default function InformationDivision() {
}}
>
-
+
-
+
{v.name}
diff --git a/src/module/project/ui/list_anggota_detail_project.tsx b/src/module/project/ui/list_anggota_detail_project.tsx
index a02ab60..ed459c4 100644
--- a/src/module/project/ui/list_anggota_detail_project.tsx
+++ b/src/module/project/ui/list_anggota_detail_project.tsx
@@ -1,6 +1,6 @@
'use client'
-import { globalRole, LayoutDrawer, SkeletonSingle, TEMA } from '@/module/_global';
-import { Avatar, Box, Flex, Grid, Group, SimpleGrid, Stack, Text } from '@mantine/core';
+import { globalRole, LayoutDrawer, SkeletonList, SkeletonSingle, TEMA } from '@/module/_global';
+import { Avatar, Box, Divider, Flex, Grid, Group, SimpleGrid, Stack, Text } from '@mantine/core';
import React, { useState } from 'react';
import { funDeleteMemberProject, funGetOneProjectById } from '../lib/api_project';
import toast from 'react-hot-toast';
@@ -24,6 +24,7 @@ export default function ListAnggotaDetailProject() {
const roleLogin = useHookstate(globalRole)
const tema = useHookstate(TEMA)
const [reason, setReason] = useState("")
+ const isMobile2 = useMediaQuery("(max-width: 438px)");
async function getOneDataCancel() {
try {
@@ -83,7 +84,7 @@ export default function ListAnggotaDetailProject() {
toast.error("Gagal menghapus anggota Kegiatan, coba lagi nanti");
}
}
-const isMobile = useMediaQuery('(max-width: 369px)');
+ const isMobile = useMediaQuery('(max-width: 369px)');
return (
@@ -107,7 +108,7 @@ const isMobile = useMediaQuery('(max-width: 369px)');
.fill(null)
.map((_, i) => (
-
+
))
:
@@ -123,19 +124,15 @@ const isMobile = useMediaQuery('(max-width: 369px)');
: setOpenDrawer(false)
}}
>
-
-
-
-
-
- {v.name}
- {v.email}
-
-
-
+
+
+
+
+ {v.name}
+ {v.email}
@@ -143,6 +140,9 @@ const isMobile = useMediaQuery('(max-width: 369px)');
+
+
+
);
})}
diff --git a/src/module/task/ui/detail_list_anggota_task.tsx b/src/module/task/ui/detail_list_anggota_task.tsx
index 71c1357..2751d75 100644
--- a/src/module/task/ui/detail_list_anggota_task.tsx
+++ b/src/module/task/ui/detail_list_anggota_task.tsx
@@ -1,6 +1,6 @@
'use client'
-import { globalRole, LayoutDrawer, SkeletonSingle, TEMA } from "@/module/_global";
-import { Box, Group, Flex, Avatar, Text, SimpleGrid, Stack, Grid } from "@mantine/core";
+import { globalRole, LayoutDrawer, SkeletonList, SkeletonSingle, TEMA } from "@/module/_global";
+import { Box, Group, Flex, Avatar, Text, SimpleGrid, Stack, Grid, Divider } from "@mantine/core";
import { useMediaQuery, useShallowEffect } from "@mantine/hooks";
import { useParams, useRouter } from "next/navigation";
import { useState } from "react";
@@ -25,6 +25,7 @@ export default function ListAnggotaDetailTask() {
const roleLogin = useHookstate(globalRole)
const adminLogin = useHookstate(globalIsAdminDivision)
const isMobile = useMediaQuery('(max-width: 369px)');
+ const isMobile2 = useMediaQuery("(max-width: 438px)");
const tema = useHookstate(TEMA)
const [reason, setReason] = useState("")
@@ -109,7 +110,7 @@ export default function ListAnggotaDetailTask() {
.fill(null)
.map((_, i) => (
-
+
))
:
@@ -121,23 +122,19 @@ export default function ListAnggotaDetailTask() {
onClick={() => {
setDataChoose({ id: v.idUser, name: v.name })
reason == null ?
- setOpenDrawer(true)
- : setOpenDrawer(false)
+ setOpenDrawer(true)
+ : setOpenDrawer(false)
}}
>
-
-
-
-
-
- {v.name}
- {v.email}
-
-
-
+
+
+
+
+ {v.name}
+ {v.email}
@@ -145,6 +142,9 @@ export default function ListAnggotaDetailTask() {
+
+
+
);
})}