FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-17 15:06:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(web/notifications): center left and center right positions

Browse Source
This commit is contained in:
Luke
2023-01-01 19:25:12 +01:00
parent ae8e588c67
commit d5cdfe58f2
4 changed files with 252 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/features/notifications/NotificationWrapper.tsx
View File

@@ -1,10 +1,9 @@
import { useToast, Box, HStack, Text } from '@chakra-ui/react';
import { useNuiEvent } from '../../hooks/useNuiEvent';
import { IconProp } from '@fortawesome/fontawesome-svg-core';
import { toast, Toaster, ToastPosition } from 'react-hot-toast';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import ReactMarkdown from 'react-markdown';
import { Avatar, createStyles, Group, keyframes, Stack } from '@mantine/core';
import { Avatar, createStyles, Group, Stack, Box, Text } from '@mantine/core';
import React from 'react';
export interface NotificationProps {
@@ -46,6 +45,7 @@ const useStyles = createStyles((theme) => ({
description: {
fontSize: 12,
color: theme.colors.dark[2],
fontFamily: 'Roboto',
},
}));
@@ -88,11 +88,7 @@ const Notifications: React.FC = () => {
)}
<Stack spacing={0}>
{data.title && <Text className={classes.title}>{data.title}</Text>}
{data.description && (
<Text className={classes.description}>
<ReactMarkdown>{data.description}</ReactMarkdown>
</Text>
)}
{data.description && <ReactMarkdown className={classes.description}>{data.description}</ReactMarkdown>}
</Stack>
</Group>
</Box>,
@@ -109,7 +105,7 @@ const Notifications: React.FC = () => {
);
});
return <Toaster></Toaster>;
return <Toaster />;
};
export default Notifications;