feat : update create

src/app/api/calender/route.ts

@@ -49,14 +49,17 @@ export async function GET(request: Request) {
                             name: true
                         }
                     }
+                },
+                orderBy: {
+                    createdAt: 'desc'
                 }
             });
 
             const allOmit = data.map((v: any) => ({
                 ..._.omit(v, ["User"]),
                 user_name: v.User.name,
-                timeStart: moment(v.timeStart).format('LT'),
+                timeStart: moment.utc(v.timeStart).format('HH:mm'),
-                timeEnd: moment(v.timeEnd).format('LT')
+                timeEnd: moment.utc(v.timeEnd).format('HH:mm')
             }))
 
 

src/module/calender/lib/type_calender.ts

@@ -48,3 +48,7 @@ export interface IFormMemberCalender {
         name: string
     }[]
 }
+
+export interface IFormUlangiEvent {
+    id: string
+}

src/module/calender/lib/val_calender.ts

@@ -1,5 +1,6 @@
 import { hookstate } from "@hookstate/core";
-import { IFormMemberCalender } from "./type_calender";
+import { IFormMemberCalender, IFormUlangiEvent } from "./type_calender";
 
 
 export const globalCalender = hookstate<IFormMemberCalender[]>([])
+export const globalUlangiEvent = hookstate<IFormUlangiEvent | string>('')

src/module/calender/ui/detail_event_division.tsx

@@ -15,38 +15,6 @@ import { useShallowEffect } from '@mantine/hooks';
 import moment from "moment";
 import "moment/locale/id";
 import { IDataDetailByIdCalender, IDataDetailByIdMember } from '../lib/type_calender';
-const dataAnggota = [
-  {
-    id: 1,
-    name: "Iqbal Ramadan",
-    image: "https://i.pravatar.cc/1000?img=5",
-    email: "iqbal.ramadan@gmail.com",
-  },
-  {
-    id: 2,
-    name: "Doni Setiawan",
-    image: "https://i.pravatar.cc/1000?img=10",
-    email: "doni.setiawan@gmail.com",
-  },
-  {
-    id: 3,
-    name: "Rangga Agung",
-    image: "https://i.pravatar.cc/1000?img=51",
-    email: "rangga.agung@gmail.com",
-  },
-  {
-    id: 4,
-    name: "Ramadan Sananta",
-    image: "https://i.pravatar.cc/1000?img=15",
-    email: "ramadan@gmail.com",
-  },
-  {
-    id: 5,
-    name: "Imam Baroni",
-    image: "https://i.pravatar.cc/1000?img=22",
-    email: "imam.baroni@gmail.com",
-  },
-];
 
 export default function DetailEventDivision() {
   const [openDrawer, setOpenDrawer] = useState(false)
@@ -94,7 +62,7 @@ export default function DetailEventDivision() {
             </Group>
             <Group mb={10} gap={30}>
               <LuClock size={25} color={WARNA.biruTua} />
-              <Text>{moment(isDataCalender?.timeStart).format('LT')}  | {moment(isDataCalender?.timeEnd).format('LT')} </Text>
+              <Text>{moment.utc(isDataCalender?.timeStart).format('HH:mm')}  | {moment.utc(isDataCalender?.timeEnd).format('HH:mm')} </Text>
             </Group>
             <Group mb={10} gap={30}>
               <BsCalendarDate size={25} color={WARNA.biruTua} />

src/module/calender/ui/drawer_detail_event.tsx

@@ -40,7 +40,6 @@ export default function DrawerDetailEvent() {
   return (
     <Box>
       <Stack pt={10}>
-        {JSON.stringify(param)}
         <SimpleGrid
           cols={{ base: 3, sm: 3, lg: 3 }}
         >

src/module/calender/ui/navbar_create_division_calender.tsx

@@ -1,6 +1,6 @@
 "use client"
 import { LayoutNavbarNew, WARNA } from '@/module/_global';
-import { Avatar, Box, Button, Flex, Group, Input, SimpleGrid, Stack, Text, Textarea, TextInput } from '@mantine/core';
+import { Avatar, Box, Button, Flex, Group, Input, Select, SimpleGrid, Stack, Text, Textarea, TextInput } from '@mantine/core';
 import { DateInput, TimeInput } from '@mantine/dates';
 import React, { useState } from 'react';
 import { IoIosArrowDropright } from 'react-icons/io';
@@ -9,8 +9,8 @@ import LayoutModal from '@/module/_global/layout/layout_modal';
 import toast from 'react-hot-toast';
 import moment from 'moment';
 import { useHookstate } from '@hookstate/core';
-import { globalCalender } from '../lib/val_calender';
+import { globalCalender, globalUlangiEvent } from '../lib/val_calender';
-import { IFormMemberCalender } from '../lib/type_calender';
+import { IFormMemberCalender, IFormUlangiEvent } from '../lib/type_calender';
 import { funCreateCalender } from '../lib/api_calender';
 import CreateUserCalender from './create_user_calender';
 
@@ -29,19 +29,13 @@ export default function NavbarCreateDivisionCalender() {
     timeStart: "",
     timeEnd: "",
     linkMeet: "",
-    repeatEventTyper: "1",
+    repeatEventTyper: "",
     desc: "",
   })
 
-  function onTrue(val: boolean) {
+  async function onSubmit(val: boolean) {
-    if (val) {
-      toast.success("Sukses! Data tersimpan");
-    }
-    setModal(false)
-  }
-
-  async function onSubmit() {
     try {
+      if (val) {
         if (isData.timeStart > isData.timeEnd) {
           return toast.error("Waktu Akhir Tidak tepat");
         }
@@ -58,8 +52,8 @@ export default function NavbarCreateDivisionCalender() {
         })
   
         if (response.success) {
-        toast.success(response.message)
           setModal(false)
+          router.push(`/division/${param.id}/calender`)
           setData({
             ...isData,
             title: "",
@@ -70,25 +64,20 @@ export default function NavbarCreateDivisionCalender() {
             repeatEventTyper: "1",
             desc: "",
           })
+          toast.success(response.message)
           memberUser.set([])
         } else {
           toast.error(response.message)
+          setModal(false)
+        } 
       }
     } catch (error) {
       console.log(error)
+      setModal(false)
       toast.error("Gagal menambahkan pengumuman, coba lagi nanti");
+    } finally {
+      setModal(false)
     }
-    console.log({
-      idDivision: param.id,
-      title: isData.title,
-      dateStart: isData.dateStart,
-      timeStart: isData.timeStart,
-      timeEnd: isData.timeEnd,
-      linkMeet: isData.linkMeet,
-      repeatEventTyper: isData.repeatEventTyper,
-      desc: isData.desc,
-      member: memberValue
-    })
   }
 
   if (openMember) return <CreateUserCalender onClose={() => setOpenMember(false)} />
@@ -98,7 +87,6 @@ export default function NavbarCreateDivisionCalender() {
     <Box>
       <LayoutNavbarNew back="/calender" title="tambah kalender" menu />
       <Box p={20}>
-        {/* <pre>{JSON.stringify(param.id, null, 1)}</pre> */}
         <Stack>
           <TextInput
             styles={{
@@ -171,19 +159,28 @@ export default function NavbarCreateDivisionCalender() {
             value={isData.linkMeet}
             onChange={(event) => setData({ ...isData, linkMeet: event.target.value })}
           />
-          <Box mt={5} onClick={() => router.push('/calender/create?page=ulangi-event')}>
+          <Select
-            <Group
+            styles={{
-              justify="space-between"
+              input: {
-              p={10}
-              style={{
                 border: `1px solid ${"#D6D8F6"}`,
                 borderRadius: 10,
+              },
             }}
-            >
+            size="md"
-              <Text>Ulangi Event</Text>
+            placeholder="Ulangi Event"
-              <IoIosArrowDropright size={25} />
+            label="Ulangi Event"
-            </Group>
+            data={[
-          </Box>
+              { value: '1', label: 'Acara 1 Kali' },
+              { value: '2', label: 'Hari Kerja (Sen - Jum)' },
+              { value: '3', label: 'Mingguan' },
+              { value: '4', label: 'Bulanan' },
+              { value: '5', label: 'Tahunan' },
+            ]}
+            value={isData.repeatEventTyper}
+            onChange={(val: any) =>
+              setData({ ...isData, repeatEventTyper: val })
+            }
+          />
           <Box mt={5} onClick={() => setOpenMember(true)}>
             <Group
               justify="space-between"
@@ -259,7 +256,7 @@ export default function NavbarCreateDivisionCalender() {
               size="lg"
               radius={30}
               fullWidth
-              onClick={onSubmit}
+              onClick={() => setModal(true)}
             >
               Simpan
             </Button>
@@ -268,7 +265,7 @@ export default function NavbarCreateDivisionCalender() {
       </Box>
       <LayoutModal opened={isModal} onClose={() => setModal(false)}
         description="Apakah Anda yakin ingin menambahkan data?"
-        onYes={(val) => { onTrue(val) }} />
+        onYes={(val) => { onSubmit(val) }} />
     </Box>
   );
 }