feat : update member

src/module/user/member/index.ts

@@ -1,7 +1,7 @@
-import ViewCreateMember from "./view/view_create_member";
-import ViewDetailMember from "./view/view_detail_member";
-import ViewEditMember from "./view/view_edit_member";
-import ViewListMember from "./view/view_list_member";
+import ViewCreateMember from "./ui/view_create_member";
+import ViewDetailMember from "./ui/view_detail_member";
+import ViewEditMember from "./ui/view_edit_member";
+import ViewListMember from "./ui/view_list_member";
 
 export { ViewListMember }
 export { ViewCreateMember }

src/module/user/member/lib/api_member.ts

@@ -0,0 +1,64 @@
+import { IEditDataMember, IFormMember, IStatusmember } from "./type_member";
+
+export const funGetAllmember = async (path?: string) => {
+    const response = await fetch(`/api/member${(path) ? path : ''}`, { next: { tags: ['member'] } });
+    return await response.json().catch(() => null);
+}
+
+
+export const funGetOneMember = async (path: string) => {
+    const response = await fetch(`/api/member/${path}`);
+    return await response.json().catch(() => null);
+}
+
+export const funCreateMember = async (data: IFormMember) => {
+
+    if (data.name.length < 3)
+        return { success: false, message: 'Minimal 3 karakter' }
+    if (data.email.length < 3)
+        return { success: false, message: 'Minimal 3 karakter' }
+
+    if (data.phone.length < 10)
+        return { success: false, message: 'Minimal 10 karakter' }
+
+    if (data.nik.length == 16)
+        return { success: false, message: 'NIK harus 16 karakter' }
+
+    const response = await fetch("/api/member", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify(data),
+    });
+    return await response.json().catch(() => null);
+}
+
+
+export const funEditStatusMember = async (path: string, data: IStatusmember) => {
+
+    const response = await fetch(`/api/member/${path}`, {
+        method: "DELETE",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify(data),
+    });
+    return await response.json().catch(() => null);
+}
+
+
+export const funEditMember = async (path: string, data: IEditDataMember) => {
+
+    if (data.name.length < 3)
+        return { success: false, message: 'Minimal 3 karakter' }
+
+    const response = await fetch(`/api/member/${path}`, {
+        method: "PUT",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify(data),
+    });
+    return await response.json().catch(() => null);
+}

src/module/user/member/lib/type_member.ts

@@ -0,0 +1,49 @@
+export interface IListMember {
+    id: string,
+    isActive: boolean
+    nik: string,
+    name: string,
+    phone: string,
+    email: string,
+    gender: string,
+    group: string,
+    position: string,
+}
+
+export interface IFormMember  {
+    nik: string;
+    name: string;
+    phone: string;
+    email: string;
+    gender: string;
+    idGroup: string;
+    idPosition: string;
+    idUserRole: string;
+}
+
+export interface IStatusmember {
+    isActive: boolean;
+ }
+
+// EDIT MEMBER
+export interface IEditDataMember  {
+    id: string;
+    nik: string;
+    name: string;
+    phone: string;
+    email: string;
+    gender: string;
+    idGroup: string;
+    idPosition: string;
+    idUserRole: string;
+ }
+ 
+ export interface IDataPositionMember {
+    id: string;
+    name: string;
+ };
+ 
+ export interface IDataROleMember  {
+    id: string;
+    name: string;
+ }

src/module/user/member/ui/list_member.tsx

@@ -5,7 +5,7 @@ import React from 'react';
 import { HiMagnifyingGlass, HiMiniUser } from 'react-icons/hi2';
 import { IoMdCheckmarkCircleOutline } from 'react-icons/io';
 import { IoCloseCircleOutline } from 'react-icons/io5';
-import TabListMember from './ui/tab_list_member';
+import TabListMember from './tab_list_member';
 
 export default function ListMember() {
    const iconStyle = { width: rem(20), height: rem(20) };

src/module/user/member/ui/view_create_member.tsx

@@ -1,14 +1,14 @@
 import { Box } from "@mantine/core";
-import NavbarCreateMember from "../component/ui/navbar_create_member";
+import NavbarCreateMember from "./navbar_create_member";
 import { LayoutNavbarNew, WARNA } from "@/module/_global";
-import CreateMember from "../component/create_member";
+import CreateMember from "./create_member";
 
 export default function ViewCreateMember() {
    return (
       <Box>
          {/* <NavbarCreateMember /> */}
          <LayoutNavbarNew back="" title="Tambah Anggota" menu={<></>} />
-         <CreateMember/>
+         <CreateMember />
       </Box>
    )
 }

src/module/user/member/ui/view_detail_member.tsx

@@ -1,8 +1,8 @@
-import {  Box, Group, Text } from "@mantine/core";
+import { Box, Group, Text } from "@mantine/core";
 import { FaSquarePhone } from "react-icons/fa6";
 import { MdEmail } from "react-icons/md";
 import { RiIdCardFill } from "react-icons/ri";
-import NavbarDetailMember from "../component/ui/navbar_detail_member";
+import NavbarDetailMember from "./navbar_detail_member";
 import { IoMaleFemale } from "react-icons/io5";
 
 export default function ViewDetailMember({ data }: { data: string }) {

src/module/user/member/ui/view_edit_member.tsx

@@ -1,10 +1,10 @@
 import { LayoutNavbarHome, LayoutNavbarNew, WARNA } from "@/module/_global";
 import { Box, Stack, TextInput, Button } from "@mantine/core";
 import { HiUser } from "react-icons/hi2";
-import NavbarEditMember from "../component/ui/navbar_edit_member";
-import EditMember from "../component/edit_member";
+import NavbarEditMember from "./navbar_edit_member";
+import EditMember from "./edit_member";
 
-export default function ViewEditMember({data}: {data: string}) {
+export default function ViewEditMember({ data }: { data: string }) {
    return (
       <Box>
          <LayoutNavbarNew back="" title="Edit Anggota" menu={<></>} />

src/module/user/member/ui/view_list_member.tsx

@@ -1,6 +1,6 @@
 import { Box } from "@mantine/core";
-import NavbarListMember from "../component/ui/navbar_list_member";
-import ListMember from "../component/list_member";
+import NavbarListMember from "./navbar_list_member";
+import ListMember from "./list_member";
 
 export default function ViewListMember() {
    return (