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

chore(web): add prettier and format

Browse Source
This commit is contained in:
Luke
2022-08-27 15:58:36 +02:00
parent cc76d23419
commit 4a5251b60b
44 changed files with 2933 additions and 1984 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/features/dialog/AlertDialog.tsx
View File

@@ -7,12 +7,12 @@ import {
AlertDialogOverlay,
useDisclosure,
Button,
} from "@chakra-ui/react";
import { useRef, useState } from "react";
import ReactMarkdown from "react-markdown";
import { useNuiEvent } from "../../hooks/useNuiEvent";
import { fetchNui } from "../../utils/fetchNui";
import { useLocales } from "../../providers/LocaleProvider";
} from '@chakra-ui/react';
import { useRef, useState } from 'react';
import ReactMarkdown from 'react-markdown';
import { useNuiEvent } from '../../hooks/useNuiEvent';
import { fetchNui } from '../../utils/fetchNui';
import { useLocales } from '../../providers/LocaleProvider';
export interface AlertProps {
header: string;
@@ -26,16 +26,16 @@ const AlertDialog: React.FC = () => {
const { isOpen, onOpen, onClose } = useDisclosure();
const cancelRef = useRef(null);
const [dialogData, setDialogData] = useState<AlertProps>({
header: "",
content: "",
header: '',
content: '',
});
const closeAlert = (button: string) => {
onClose();
fetchNui("closeAlert", button);
fetchNui('closeAlert', button);
};
useNuiEvent("sendAlert", (data: AlertProps) => {
useNuiEvent('sendAlert', (data: AlertProps) => {
setDialogData(data);
onOpen();
});
@@ -48,7 +48,7 @@ const AlertDialog: React.FC = () => {
isOpen={isOpen}
isCentered={dialogData.centered}
closeOnOverlayClick={false}
onEsc={() => closeAlert("cancel")}
onEsc={() => closeAlert('cancel')}
>
<AlertDialogOverlay />
<AlertDialogContent fontFamily="Inter">
@@ -60,14 +60,11 @@ const AlertDialog: React.FC = () => {
</AlertDialogBody>
<AlertDialogFooter>
{dialogData.cancel && (
<Button onClick={() => closeAlert("cancel")} mr={3}>
<Button onClick={() => closeAlert('cancel')} mr={3}>
{locale.ui.cancel}
</Button>
)}
<Button
colorScheme={dialogData.cancel ? "blue" : undefined}
onClick={() => closeAlert("confirm")}
>
<Button colorScheme={dialogData.cancel ? 'blue' : undefined} onClick={() => closeAlert('confirm')}>
{locale.ui.confirm}
</Button>
</AlertDialogFooter>