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): remove unused settings component

Browse Source
This commit is contained in:
Luke
2022-12-08 11:37:24 +01:00
parent e806781dde
commit 4aad28a2e5
25 changed files with 0 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/features/dev/debug/settings.ts
View File

@@ -1,10 +0,0 @@
import { debugData } from '../../../utils/debugData';
export const debugSettings = () => {
debugData([
{
action: 'openSettings',
data: true,
},
]);
};

4
web/src/features/dev/index.tsx
View File

@@ -19,7 +19,6 @@ import { debugMenu } from './debug/menu';
import { debugCustomNotification, debugNotification } from './debug/notification';
import { debugCircleProgressbar, debugProgressbar } from './debug/progress';
import { debugTextUI } from './debug/textui';
import { debugSettings } from './debug/settings';
import { debugSkillCheck } from './debug/skillcheck';
const Dev: React.FC = () => {
@@ -77,9 +76,6 @@ const Dev: React.FC = () => {
Activate progress circle
</Button>
<Divider />
<Button width="full" onClick={() => debugSettings()}>
Open settings page
</Button>
<Button width="full" onClick={() => debugTextUI()}>
Show TextUI
</Button>

32
web/src/features/settings/components/locale.tsx
View File

@@ -1,32 +0,0 @@
import { HStack, Text, Select, Spacer } from '@chakra-ui/react';
import { useLocales } from '../../../providers/LocaleProvider';
import { fetchNui } from '../../../utils/fetchNui';
const LocaleSetting: React.FC<{
languages: string[];
selectValue: string;
setSelectValue: React.Dispatch<React.SetStateAction<string>>;
}> = (props) => {
const { locale } = useLocales();
const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
props.setSelectValue(e.target.value);
fetchNui('getLocale', e.target.value);
};
return (
<HStack spacing={5}>
<Text>{locale.ui.settings.language}</Text>
<Spacer />
<Select onChange={(e) => handleChange(e)} value={props.selectValue} w={150}>
{props.languages.map((language) => (
<option key={language} value={language}>
{language}
</option>
))}
</Select>
</HStack>
);
};
export default LocaleSetting;

62
web/src/features/settings/index.tsx
View File

@@ -1,62 +0,0 @@
import {
Button,
Modal,
ModalBody,
ModalContent,
ModalFooter,
ModalHeader,
ModalOverlay,
useDisclosure,
} from '@chakra-ui/react';
import LocaleSetting from './components/locale';
import { useState } from 'react';
import { useNuiEvent } from '../../hooks/useNuiEvent';
import { fetchNui } from '../../utils/fetchNui';
import { useLocales } from '../../providers/LocaleProvider';
const Settings: React.FC = () => {
const { isOpen, onOpen, onClose } = useDisclosure();
const { locale } = useLocales();
const [languages, setLanguages] = useState(['']);
const [selectValue, setSelectValue] = useState('');
const closeSettings = () => {
onClose();
fetchNui('closeSettings');
};
useNuiEvent('loadLocales', (data) => setLanguages(data));
useNuiEvent('openSettings', (data: string) => {
onOpen();
setSelectValue(data);
});
return (
<>
<Modal
isOpen={isOpen}
onClose={onClose}
isCentered
closeOnEsc
onEsc={closeSettings}
closeOnOverlayClick={false}
size="xs"
>
<ModalOverlay />
<ModalContent>
<ModalHeader>{locale.ui.settings.title}</ModalHeader>
<ModalBody>
<LocaleSetting languages={languages} selectValue={selectValue} setSelectValue={setSelectValue} />
</ModalBody>
<ModalFooter>
<Button colorScheme="blue" onClick={closeSettings}>
{locale.ui.close}
</Button>
</ModalFooter>
</ModalContent>
</Modal>
</>
);
};
export default Settings;