Merge pull request #56 from bipproduction/amalia/17-jul-24

Amalia/17 jul 24
This commit is contained in:
Amalia
2024-07-17 15:23:03 +08:00
committed by GitHub
17 changed files with 139 additions and 13 deletions

View File

@@ -46,7 +46,7 @@ export default function DetailEventDivision() {
const [openDrawer, setOpenDrawer] = useState(false)
return (
<Box>
<LayoutNavbarNew back="/calender" title="Detail Event"
<LayoutNavbarNew back="" title="Detail Event"
menu={<ActionIcon variant="light" onClick={() => setOpenDrawer(true)} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMenu size={20} color='white' />
</ActionIcon>} />

View File

@@ -1,16 +1,16 @@
import { Box, Stack } from '@mantine/core';
import { ActionIcon, Box, Stack } from '@mantine/core';
import React from 'react';
import CarouselDivision from './carousel_division';
import { LayoutNavbarNew } from '@/module/_global';
import FeatureDetailDivision from './feature_detail_division';
import ListDiscussionOnDetailDivision from './list_discussion';
import ListTaskOnDetailDivision from './list_task';
import ListDocumentOnDetailDivision from './list_document';
import NavbarDetailDivision from '../ui/navbar_detail_division';
export default function DetailDivision() {
return (
<Box>
<LayoutNavbarNew back="/division" title={"Divisi kerohanian"} menu />
<NavbarDetailDivision />
<Box p={20}>
<Stack>
<CarouselDivision />

View File

@@ -55,7 +55,7 @@ export default function ListDocumentOnDetailDivision() {
</Center>
</Paper>
<Box p={"sm"}>
<Text c={"dimmed"}>{v.title}</Text>
<Text c={"dimmed"} truncate="end"ta={"center"}>{v.title}</Text>
</Box>
</Stack>
</UnstyledButton>

View File

@@ -0,0 +1,57 @@
import { WARNA } from "@/module/_global";
import { Box, Stack, SimpleGrid, Flex, Text } from "@mantine/core";
import router from "next/router";
import { BsInfoCircle } from "react-icons/bs";
import { FaPencil } from "react-icons/fa6";
import { TbReportAnalytics } from "react-icons/tb";
export default function DrawerDetailDivision() {
return (
<Box>
<Stack pt={10}>
<SimpleGrid
cols={{ base: 3, sm: 3, lg: 3 }}
>
<Flex onClick={() => router.push('/division/info/1')} justify={'center'} align={'center'} direction={'column'} >
<Box>
<BsInfoCircle size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text c={WARNA.biruTua}>Informasi Divisi</Text>
</Box>
</Flex>
<Flex onClick={() => {
router.push('/division/edit/1')
}} justify={'center'} align={'center'} direction={'column'} >
<Box>
<FaPencil size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text c={WARNA.biruTua}>Edit Divisi</Text>
</Box>
</Flex>
<Flex onClick={() => {
router.push('/division/edit-anggota/1')
}} justify={'center'} align={'center'} direction={'column'} >
<Box>
<TbReportAnalytics size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text c={WARNA.biruTua}>Edit Anggota</Text>
</Box>
</Flex>
<Flex onClick={() => {
router.push('/division/report/1')
}} justify={'center'} align={'center'} direction={'column'} >
<Box>
<TbReportAnalytics size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text c={WARNA.biruTua}>Report Divisi</Text>
</Box>
</Flex>
</SimpleGrid>
</Stack>
</Box>
);
}

View File

@@ -20,7 +20,7 @@ export default function DrawerDivision() {
<IoAddCircle size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text c={WARNA.biruTua}>Tambah Proyek</Text>
<Text c={WARNA.biruTua}>Tambah Divisi</Text>
</Box>
</Flex>
<Flex onClick={() => {

View File

@@ -0,0 +1,24 @@
'use client'
import { LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global";
import { ActionIcon, Box } from "@mantine/core";
import { useState } from "react";
import { HiMenu } from "react-icons/hi";
import DrawerDetailDivision from "./drawer_detail_division";
export default function NavbarDetailDivision() {
const [openDrawer, setOpenDrawer] = useState(false)
return (
<Box>
<LayoutNavbarNew back="" title={"Divisi kerohanian"} menu={
<ActionIcon variant="light" onClick={() => (setOpenDrawer(true))} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMenu size={20} color='white' />
</ActionIcon>
} />
<LayoutDrawer opened={openDrawer} title={'Menu'} onClose={() => setOpenDrawer(false)}>
<DrawerDetailDivision />
</LayoutDrawer>
</Box>
);
}