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

upd: cleaning

Browse Source 
Deskripsi:
- mengganti routing search, notifikasi dan detail-features
- mengganti module search, notifikasi dan detail-feature

No Issues
This commit is contained in:
amel
2024-07-09 14:39:07 +08:00
parent b43ee91022
commit b512c09bf0
13 changed files with 20 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/module/home/components/features.tsx
View File

@@ -56,7 +56,7 @@ export default function Features() {
<Text fz={15} c={WARNA.biruTua}>Pengumuman</Text>
</Center>
</Box>
<Box onClick={() => router.push('detail-feature')}>
<Box onClick={() => router.push('/home?cat=fitur')}>
<Center>
<ActionIcon variant="gradient"
size={68}

94
src/module/home/components/list_notification.tsx Normal file
View File

@@ -0,0 +1,94 @@
"use client"
import { WARNA } from '@/module/_global';
import { ActionIcon, Box, Center, Grid, Group, Text } from '@mantine/core';
import { useRouter } from 'next/navigation';
import React from 'react';
import { HiUser } from 'react-icons/hi2';
const dataNotification = [
{
id: 1,
title: 'Rapat Kamis',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 2,
title: 'Rapat Jumat',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 3,
title: 'Rapat Senin',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 4,
title: 'Rapat Selasa',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 5,
title: 'Rapat Rabu',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 5,
title: 'Rapat Rabu',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 5,
title: 'Rapat Rabu',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 5,
title: 'Rapat Rabu',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 5,
title: 'Rapat Rabu',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 5,
title: 'Rapat Rabu',
description: 'Dipta menambahkan berkas di document dan file.',
},
{
id: 5,
title: 'Rapat Rabu',
description: 'Dipta menambahkan berkas di document dan file.',
},
]
export default function ListNotification() {
const router = useRouter()
return (
<Box>
{dataNotification.map((v, i) => {
return (
<Grid style={{
border: `1px solid ${WARNA.borderOrange}`,
padding: 15,
borderRadius: 15
}} gutter={1} key={i} mb={"sm"}>
<Grid.Col span={3} pl={'xs'}>
<ActionIcon variant="light" bg={WARNA.biruTua} size={50} radius={100} aria-label="icon">
<HiUser size={30} color='white' />
</ActionIcon>
</Grid.Col>
<Grid.Col span={9}>
<Box>
<Text fw={'bold'} fz={18}>{v.title}</Text>
<Text fz={15}>{v.description}</Text>
</Box>
</Grid.Col>
</Grid>
)
})}
</Box>
);
}

6
src/module/home/components/ui/icon_navbar.tsx
View File

@@ -10,13 +10,13 @@ export default function IconNavbar() {
return (
<Box>
<Group>
<ActionIcon onClick={()=> router.push('/search')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<ActionIcon onClick={() => router.push('/home?cat=search')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMagnifyingGlass size={20} color='white' />
</ActionIcon>
<ActionIcon onClick={()=> router.push('/notification')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<ActionIcon onClick={() => router.push('/home?cat=notification')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiOutlineBell size={20} color='white' />
</ActionIcon>
<ActionIcon onClick={()=> router.push('/profile')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<ActionIcon onClick={() => router.push('/profile')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiOutlineUser size={20} color='white' />
</ActionIcon>
</Group>

6
src/module/home/index.ts
View File

@@ -1,5 +1,9 @@
import ViewDetailFeature from "./view/view_detail_feature";
import ViewHome from "./view/view_home";
import ViewNotification from "./view/view_notification";
import ViewSearch from "./view/view_search";
export { ViewHome }
export {ViewDetailFeature}
export { ViewDetailFeature }
export { ViewSearch }
export { ViewNotification }

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

@@ -1,7 +1,6 @@
import { LayoutNavbarHome, WARNA } from '@/module/_global';
import { ActionIcon, Anchor, Box, Group, rem, Stack, Text } from '@mantine/core';
import { LayoutNavbarHome } from '@/module/_global';
import { Box, Group, Stack, Text } from '@mantine/core';
import React from 'react';
import { HiMagnifyingGlass, HiOutlineBell, HiOutlineUser } from "react-icons/hi2";
import Carosole from '../components/carosole';
import Features from '../components/features';
import IconNavbar from '../components/ui/icon_navbar';
@@ -14,7 +13,7 @@ export default function ViewHome() {
<LayoutNavbarHome>
<Group justify='space-between'>
<Text fw={'bold'} c={'white'} >Perbekal Darmasaba</Text>
<IconNavbar/>
<IconNavbar />
</Group>
</LayoutNavbarHome>
<Box p={20}>

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

@@ -0,0 +1,15 @@
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 Normal file
View File

@@ -0,0 +1,28 @@
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>
</>
);
}