wibu/sistem-desa-mandiri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : update history

Browse Source
This commit is contained in:
lukman
2024-08-19 17:42:28 +08:00
parent ca1d3433ef
commit d1f9561d9b
14 changed files with 385 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/module/division_new/_division_fitur/calender/components/history_division_calender.tsx
View File

@@ -1,101 +0,0 @@
"use client"
import { LayoutNavbarNew, WARNA } from '@/module/_global';
import { Box, Center, Flex, Grid, Group, Text, TextInput } from '@mantine/core';
import { useRouter } from 'next/navigation';
import React from 'react';
import { HiMagnifyingGlass } from 'react-icons/hi2';
const history = [
{
id: 1,
tangal: 1,
hari: "Sab",
data: [
{
id: 1,
judul: "Pembahasan Mengenai Darmasaba",
waktu: "10.00 - 12.00",
status: "Selesai",
},
{
id: 2,
judul: "Pembahasan Mengenai Darmasaba",
waktu: "13.00 - 14.00",
},
]
},
{
id: 2,
tangal: 2,
hari: "Min",
data: [
{
id: 1,
judul: "Pembahasan Mengenai Darmasaba",
waktu: "10.00 - 12.00",
},
{
id: 1,
judul: "Pembahasan Mengenai Darmasaba",
waktu: "13.00 - 14.00",
},
{
id: 1,
judul: "Pembahasan Mengenai Darmasaba",
waktu: "15.00 - 16.00",
},
]
},
]
export default function HistoryDivisionCalender() {
const router = useRouter()
return (
<Box>
<LayoutNavbarNew back="/calender" title="History kalender" menu />
<Box p={20}>
<TextInput
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
size="md"
radius={30}
leftSection={<HiMagnifyingGlass size={20} />}
placeholder="Pencarian"
/>
<Box mt={30}>
<Box bg={"#DBE9D8"} style={{
borderRadius: 10
}}>
{history.map((v, i) => {
return (
<Grid key={i}>
<Grid.Col span={2}>
<Flex justify={"center"} direction={'column'}>
<Text ta={"center"} fz={20} fw={'bold'}>{v.tangal}</Text>
<Text ta={"center"} fz={15}>{v.hari}</Text>
</Flex>
</Grid.Col>
<Grid.Col span={'auto'}>
{v.data.map((value) => {
return (
<Box mb={10} key={value.id} onClick={() => router.push('/calender?page=detail-event')}>
<Text fw={"bold"}>{value.judul}</Text>
<Text>{value.waktu}</Text>
</Box>
)
})}
</Grid.Col>
</Grid>
)
})}
</Box>
</Box>
</Box>
</Box>
);
}

2
src/module/division_new/_division_fitur/calender/view/view_history_division_calender.tsx
View File

@@ -1,6 +1,6 @@
import { Box } from '@mantine/core';
import React from 'react';
import HistoryDivisionCalender from '../components/history_division_calender';
import HistoryDivisionCalender from '../../../../calender/ui/history_division_calender';
export default function ViewHistoryDivisionCalender() {
return (

2
src/module/division_new/index.ts
View File

@@ -2,7 +2,6 @@ import { IFormDivision, IFormMemberDivision, IFormFixDivision, IDataDivison, IDa
import CreateUserDivisionCalender from "./_division_fitur/calender/components/create_user_division_calender";
import UlangiEvent from "./_division_fitur/calender/components/ulangi_event";
import UpdateUlangiEvent from "./_division_fitur/calender/components/update_calander/update_ulangi_event";
import UpdateUserDivisionCalender from "../calender/ui/update_user_division_calender";
import ViewCreateDivisionCalender from "./_division_fitur/calender/view/view_create_division_calender";
import ViewDetailEventDivision from "./_division_fitur/calender/view/view_detail_event_division";
import ViewDivisionCalender from "./_division_fitur/calender/view/view_division_calender";
@@ -35,7 +34,6 @@ export { CreateUserDivisionCalender };
export { ViewHistoryDivisionCalender };
export { ViewDetailEventDivision };
export { ViewUpdateDivisionCalender };
export { UpdateUserDivisionCalender };
export { UpdateUlangiEvent };
export { ViewDocumentDivision };
export type { IFormDivision, IFormMemberDivision, IFormFixDivision, IDataDivison, IDataMemberDivision }