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

upd: notifikasi

Browse Source 
Deskripsi: design list notifikasi

No Issues
This commit is contained in:
amel
2024-07-17 16:34:58 +08:00
parent e813e8d015
commit 75b6e0bae6
1 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/module/home/components/list_notification.tsx
View File

@@ -3,7 +3,7 @@ import { WARNA } from '@/module/_global';
import { ActionIcon, Box, Center, Grid, Group, Text } from '@mantine/core'; import { ActionIcon, Box, Center, Grid, Group, Text } from '@mantine/core';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import React from 'react'; import React from 'react';
import { HiUser } from 'react-icons/hi2'; import { FaBell } from 'react-icons/fa6';
const dataNotification = [ const dataNotification = [
{ {
@@ -69,23 +69,21 @@ export default function ListNotification() {
<Box> <Box>
{dataNotification.map((v, i) => { {dataNotification.map((v, i) => {
return ( return (
<Grid style={{ <Box key={i} my={15}>
<Box style={{
border: `1px solid ${WARNA.borderOrange}`, border: `1px solid ${WARNA.borderOrange}`,
padding: 15, padding: 20,
borderRadius: 15 borderRadius: 15
}} gutter={1} key={i} mb={"sm"}> }} >
<Grid.Col span={3} pl={'xs'}> <Group align='center'>
<ActionIcon variant="light" bg={WARNA.biruTua} size={50} radius={100} aria-label="icon"> <ActionIcon variant="light" bg={WARNA.biruTua} size={35} radius={100} aria-label="icon">
<HiUser size={30} color='white' /> <FaBell size={20} color='white' />
</ActionIcon> </ActionIcon>
</Grid.Col>
<Grid.Col span={9}>
<Box>
<Text fw={'bold'} fz={18}>{v.title}</Text> <Text fw={'bold'} fz={18}>{v.title}</Text>
<Text fz={15}>{v.description}</Text> </Group>
<Text mt={10} fz={15}>{v.description}</Text>
</Box>
</Box> </Box>
</Grid.Col>
</Grid>
) )
})} })}
</Box> </Box>