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

upd: search dan notifikasi

Browse Source 
Deskripsi:
- menggunakan layout navbar baru
- fix on sticky position page jbatan list

No Issues
This commit is contained in:
amel
2024-07-09 11:20:40 +08:00
parent 6add4c933e
commit 6b55694f46
5 changed files with 9 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/module/notification/components/ui/navbar_notification.tsx
View File

@@ -1,23 +0,0 @@
"use client"
import { LayoutIconBack, LayoutNavbarHome } from '@/module/_global';
import { Box, Grid, Text } from '@mantine/core';
import { useRouter } from 'next/navigation';
import React from 'react';
export default function NavbarNotification() {
const router = useRouter()
return (
<LayoutNavbarHome>
<Grid justify='center' align='center'>
<Grid.Col span="auto">
<LayoutIconBack back='/home' />
</Grid.Col>
<Grid.Col span={6}>
<Text ta={'center'} fw={'bold'} c={'white'} >NOTIFIKASI</Text>
</Grid.Col>
<Grid.Col span="auto"></Grid.Col>
</Grid>
</LayoutNavbarHome>
);
}

7
src/module/notification/view/view_notification.tsx
View File

@@ -1,13 +1,12 @@
import { LayoutIconBack, LayoutNavbarHome } from '@/module/_global'
import { Box, Grid, Text } from '@mantine/core'
import { LayoutNavbarNew } from '@/module/_global'
import { Box, } from '@mantine/core'
import React from 'react'
import NavbarNotification from '../components/ui/navbar_notification'
import ListNotification from '../components/list_notification'
export default function ViewNotification() {
return (
<Box>
<NavbarNotification />
<LayoutNavbarNew back='/home' title='Notifikasi' menu={<></>} />
<Box p={20}>
<ListNotification />
</Box>

4
src/module/position/component/ui/navbar_list_position.tsx
View File

@@ -9,7 +9,7 @@ import toast from "react-hot-toast";
export default function NavbarListPosition() {
const [isOpen, setOpen] = useState(false)
return (
<Box>
<>
<LayoutNavbarNew back="/home" title="Jabatan"
menu={
<ActionIcon onClick={() => setOpen(true)} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
@@ -23,6 +23,6 @@ export default function NavbarListPosition() {
toast.success('Sukses! data tersimpan')
}} />
</LayoutDrawer>
</Box>
</>
);
}

25
src/module/search/components/ui/navbar_search.tsx
View File

@@ -1,25 +0,0 @@
"use client"
import { LayoutIconBack, LayoutNavbarHome } from '@/module/_global';
import { Box, Grid, Text } from '@mantine/core';
import { useRouter } from 'next/navigation';
import React from 'react';
export default function NavbarSearch() {
const router = useRouter()
return (
<Box>
<LayoutNavbarHome>
<Grid justify='center' align='center'>
<Grid.Col span="auto">
<LayoutIconBack back='/home' />
</Grid.Col>
<Grid.Col span={6}>
<Text ta={'center'} fw={'bold'} c={'white'} >PENCARIAN</Text>
</Grid.Col>
<Grid.Col span="auto"></Grid.Col>
</Grid>
</LayoutNavbarHome>
</Box>
);
}

11
src/module/search/view/view_search.tsx
View File

@@ -1,15 +1,12 @@
import { LayoutIconBack, LayoutNavbarHome, WARNA } from '@/module/_global';
import { ActionIcon, Box, Grid, Text, TextInput } from '@mantine/core';
import { useRouter } from 'next/navigation';
import { LayoutNavbarNew, WARNA } from '@/module/_global';
import { Box, TextInput } from '@mantine/core';
import React from 'react';
import { HiChevronLeft, HiMagnifyingGlass } from 'react-icons/hi2';
import NavbarSearch from '../components/ui/navbar_search';
import { HiMagnifyingGlass } from 'react-icons/hi2';
export default function ViewSearch() {
return (
<>
<NavbarSearch />
<LayoutNavbarNew back='/home' title='Pencarian' menu={<></>} />
<Box p={20}>
<TextInput
styles={{