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

home

Browse Source 
Deskripsi:
- list kegiatan terbaru
- divisi teraktif
- event hari ini
- diskusi

No
Issues
This commit is contained in:
amel
2024-08-28 16:48:15 +08:00
parent 8a79ab14c1
commit 476eeb37f6
22 changed files with 581 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
src/module/home/view/view_detail_feature.tsx
View File

@@ -1,109 +0,0 @@
'use client'
import { LayoutNavbarNew, WARNA } from '@/module/_global';
import { ActionIcon, Box, Center, SimpleGrid, Text } from '@mantine/core';
import React from 'react';
import { HiMiniUserGroup, HiMiniPresentationChartBar, HiMegaphone, HiSquares2X2, HiChevronLeft, HiUserGroup, HiUsers } from "react-icons/hi2";
import { PiUsersFourFill } from "react-icons/pi";
import { useRouter } from 'next/navigation';
import { FaUserTag, FaUserTie } from 'react-icons/fa6';
export default function ViewDetailFeature() {
const router = useRouter()
return (
<>
<LayoutNavbarNew back='/home' title='Fitur' menu={<></>} />
<Box p={20}>
<Box >
<SimpleGrid
cols={{ base: 4, sm: 4, lg: 4 }}
>
<Box onClick={() => router.push('/division')}>
<Center>
<ActionIcon variant="gradient"
size={68}
aria-label="Gradient action icon"
radius={100}
gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
<HiMiniUserGroup size={35} color={WARNA.biruTua} />
</ActionIcon>
</Center>
<Center>
<Text fz={15} c={WARNA.biruTua}>Divisi</Text>
</Center>
</Box>
<Box onClick={() => router.push('/project')}>
<Center>
<ActionIcon variant="gradient"
size={68}
aria-label="Gradient action icon"
radius={100}
gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
<HiMiniPresentationChartBar size={35} color={WARNA.biruTua} />
</ActionIcon>
</Center>
<Center>
<Text fz={15} c={WARNA.biruTua}>Kegiatan</Text>
</Center>
</Box>
<Box onClick={() => router.push('/announcement')}>
<Center>
<ActionIcon variant="gradient"
size={68}
aria-label="Gradient action icon"
radius={100}
gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
<HiMegaphone size={35} color={WARNA.biruTua} />
</ActionIcon>
</Center>
<Center>
<Text fz={15} c={WARNA.biruTua}>Pengumuman</Text>
</Center>
</Box>
<Box onClick={() => router.push('/member')}>
<Center>
<ActionIcon variant="gradient"
size={68}
aria-label="Gradient action icon"
radius={100}
gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
<PiUsersFourFill size={35} color={WARNA.biruTua} />
</ActionIcon>
</Center>
<Center>
<Text fz={15} c={WARNA.biruTua}>Anggota</Text>
</Center>
</Box>
<Box onClick={() => router.push('position?active=true')}>
<Center>
<ActionIcon variant="gradient"
size={68}
aria-label="Gradient action icon"
radius={100}
gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
<FaUserTie size={35} color={WARNA.biruTua} />
</ActionIcon>
</Center>
<Center>
<Text fz={15} c={WARNA.biruTua}>Jabatan</Text>
</Center>
</Box>
<Box onClick={() => router.push('/group')}>
<Center>
<ActionIcon variant="gradient"
size={68}
aria-label="Gradient action icon"
radius={100}
gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
<FaUserTag size={35} color={WARNA.biruTua} />
</ActionIcon>
</Center>
<Center>
<Text fz={15} c={WARNA.biruTua}>Group</Text>
</Center>
</Box>
</SimpleGrid>
</Box>
</Box>
</>
);
}

40
src/module/home/view/view_home.tsx
View File

@@ -1,40 +0,0 @@
import { LayoutNavbarHome } from '@/module/_global';
import { Box, Group, Stack, Text } from '@mantine/core';
import React from 'react';
import Carosole from '../components/carosole';
import Features from '../components/features';
import IconNavbar from '../components/ui/icon_navbar';
import ListProjects from '../components/list_project';
import ListDivisi from '../components/list_divisi';
import ListDiscussion from '../components/list_discussion';
import ListEventHome from '../components/list_event';
import ChartProgressHome from '../components/chart_progress_tugas';
import ChartDocumentHome from '../components/chart_document';
export default function ViewHome() {
return (
<>
<LayoutNavbarHome>
<Group justify='space-between'>
<Text fw={'bold'} c={'white'} >Perbekel Darmasaba</Text>
<IconNavbar />
</Group>
</LayoutNavbarHome>
<Box p={20}>
<Stack >
<Carosole />
<Features />
<ListProjects />
<ListDivisi />
<ChartProgressHome />
<ChartDocumentHome />
<ListEventHome />
<ListDiscussion />
</Stack>
</Box>
</>
);
}

15
src/module/home/view/view_notification.tsx
View File

@@ -1,15 +0,0 @@
import { LayoutNavbarNew } from '@/module/_global'
import { Box, } from '@mantine/core'
import React from 'react'
import ListNotification from '../components/list_notification'
export default function ViewNotification() {
return (
<Box>
<LayoutNavbarNew back='/home' title='Notifikasi' menu={<></>} />
<Box p={20}>
<ListNotification />
</Box>
</Box>
)
}

28
src/module/home/view/view_search.tsx
View File

@@ -1,28 +0,0 @@
import { LayoutNavbarNew, WARNA } from '@/module/_global';
import { Box, TextInput } from '@mantine/core';
import React from 'react';
import { HiMagnifyingGlass } from 'react-icons/hi2';
export default function ViewSearch() {
return (
<>
<LayoutNavbarNew back='/home' title='Pencarian' 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>
</>
);
}