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

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

32
web/src/features/textui/TextUI.tsx
View File

@@ -1,13 +1,13 @@
import React from "react";
import { useNuiEvent } from "../../hooks/useNuiEvent";
import { Box, Flex, ScaleFade } from "@chakra-ui/react";
import ReactMarkdown from "react-markdown";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { IconProp } from "@fortawesome/fontawesome-svg-core";
import React from 'react';
import { useNuiEvent } from '../../hooks/useNuiEvent';
import { Box, Flex, ScaleFade } from '@chakra-ui/react';
import ReactMarkdown from 'react-markdown';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { IconProp } from '@fortawesome/fontawesome-svg-core';
export interface TextUiProps {
text: string;
position?: "right-center" | "left-center" | "top-center";
position?: 'right-center' | 'left-center' | 'top-center';
icon?: IconProp;
iconColor?: string;
style?: React.CSSProperties;
@@ -15,18 +15,18 @@ export interface TextUiProps {
const TextUI: React.FC = () => {
const [data, setData] = React.useState<TextUiProps>({
text: "",
position: "right-center",
text: '',
position: 'right-center',
});
const [visible, setVisible] = React.useState(false);
useNuiEvent<TextUiProps>("textUi", (data) => {
if (!data.position) data.position = "right-center"; // Default right position
useNuiEvent<TextUiProps>('textUi', (data) => {
if (!data.position) data.position = 'right-center'; // Default right position
setData(data);
setVisible(true);
});
useNuiEvent("textUiHide", () => setVisible(false));
useNuiEvent('textUiHide', () => setVisible(false));
return (
<Flex
@@ -34,13 +34,9 @@ const TextUI: React.FC = () => {
h="100%"
p={3}
position="absolute"
alignItems={data.position === "top-center" ? "baseline" : "center"}
alignItems={data.position === 'top-center' ? 'baseline' : 'center'}
justifyContent={
data.position === "right-center"
? "flex-end"
: data.position === "left-center"
? "flex-start"
: "center"
data.position === 'right-center' ? 'flex-end' : data.position === 'left-center' ? 'flex-start' : 'center'
}
>
<ScaleFade in={visible} unmountOnExit>