chore(web): remove unused settings component

web/src/App.tsx

@@ -4,7 +4,6 @@ import Progressbar from './features/progress/Progressbar';
 import TextUI from './features/textui/TextUI';
 import InputDialog from './features/dialog/InputDialog';
 import ContextMenu from './features/menu/context/ContextMenu';
-import Settings from './features/settings';
 import { useNuiEvent } from './hooks/useNuiEvent';
 import { setClipboard } from './utils/setClipboard';
 import { fetchNui } from './utils/fetchNui';
@@ -23,7 +22,6 @@ const App: React.FC = () => {
 
   return (
     <>
-      <Settings />
       <Progressbar />
       <CircleProgressbar />
       <Notifications />

web/src/features/dev/debug/settings.ts

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

web/src/features/dev/index.tsx

@@ -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>

web/src/features/settings/components/locale.tsx

@@ -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;

web/src/features/settings/index.tsx

@@ -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;

web/src/providers/LocaleProvider.tsx

@@ -15,10 +15,6 @@ debugData([
     data: {
       language: 'English',
       ui: {
-        settings: {
-          title: 'Settings',
-          language: 'Language',
-        },
         close: 'Close',
         confirm: 'Confirm',
       },
@@ -29,10 +25,6 @@ debugData([
 interface Locale {
   language: string;
   ui: {
-    settings: {
-      title: string;
-      language: string;
-    };
     cancel: string;
     close: string;
     confirm: string;
@@ -50,10 +42,6 @@ const LocaleProvider: React.FC<{ children: React.ReactNode }> = ({ children }) =
   const [locale, setLocale] = useState<Locale>({
     language: '',
     ui: {
-      settings: {
-        title: '',
-        language: '',
-      },
       cancel: '',
       close: '',
       confirm: '',