chore(web): remove unused settings component

locales/al.json

@@ -1,10 +1,6 @@
 {
   "language": "Shqip",
   "ui": {
-    "settings": {
-      "title": "Cilësimet",
-      "language": "Gjuhe"
-    },
     "cancel": "Cancel",
     "close": "Mbylle",
     "confirm": "Konfirmo"

locales/cs.json

@@ -1,10 +1,6 @@
 {
   "language": "Čeština",
   "ui": {
-    "settings": {
-      "title": "Nastavení",
-      "language": "Jazyk"
-    },
     "cancel": "Zrušit",
     "close": "Zavřít",
     "confirm": "Potvrdit"

locales/de.json

@@ -1,10 +1,6 @@
 {
   "language": "Deutsch",
   "ui": {
-    "settings": {
-      "title": "Einstellungen",
-      "language": "Sprache"
-    },
     "cancel": "Abbrechen",
     "close": "Schließen",
     "confirm": "Bestätigen"

locales/en.json

@@ -1,10 +1,6 @@
 {
   "language": "English",
   "ui": {
-    "settings": {
-      "title": "Settings",
-      "language": "Language"
-    },
     "cancel": "Cancel",
     "close": "Close",
     "confirm": "Confirm"

locales/es.json

@@ -1,10 +1,6 @@
 {
   "language": "Español",
   "ui": {
-    "settings": {
-      "title": "Ajustes",
-      "language": "Idioma"
-    },
     "cancel": "Cancelar",
     "close": "Cerrar",
     "confirm": "Confirmar"

locales/et.json

@@ -1,10 +1,6 @@
 {
   "language": "Eesti",
   "ui": {
-    "settings": {
-      "title": "Seaded",
-      "language": "Keel"
-    },
     "cancel": "Tühista",
     "close": "Sulge",
     "confirm": "Kinnita"

locales/fr.json

@@ -1,10 +1,6 @@
 {
   "language": "Français",
   "ui": {
-    "settings": {
-      "title": "Réglages",
-      "language": "Langue"
-    },
     "cancel": "Annuler",
     "close": "Fermer",
     "confirm": "Confirmer"

locales/he.json

@@ -1,10 +1,6 @@
 {
   "language": "עברית",
   "ui": {
-    "settings": {
-      "title": "הגדרות",
-      "language": "שפה"
-    },
     "cancel": "ביטול",
     "close": "סגירה",
     "confirm": "אישור"

locales/hr.json

@@ -1,10 +1,6 @@
 {
   "language": "Hrvatski",
   "ui": {
-    "settings": {
-      "title": "Postavke",
-      "language": "Jezik"
-    },
     "cancel": "Odustani",
     "close": "Zatvori",
     "confirm": "Potvrdi"

locales/hu.json

@@ -1,10 +1,6 @@
 {
   "language": "Magyar",
   "ui": {
-    "settings": {
-      "title": "Beállítások",
-      "language": "Nyelv"
-    },
     "cancel": "Mégse",
     "close": "Bezárás",
     "confirm": "Megerősít"

locales/it.json

@@ -1,10 +1,6 @@
 {
   "language": "Italiano",
   "ui": {
-    "settings": {
-      "title": "Impostazioni",
-      "language": "Lingua"
-    },
     "cancel": "Cancel",
     "close": "Chiudere",
     "confirm": "Confermare"

locales/lt.json

@@ -1,10 +1,6 @@
 {
   "language": "Lietuvių",
   "ui": {
-    "settings": {
-      "title": "Nustatymai",
-      "language": "Kalba"
-    },
     "cancel": "Cancel",
     "close": "Uždaryti",
     "confirm": "Patvirtinti"

locales/nl.json

@@ -1,10 +1,6 @@
 {
   "language": "Nederlands",
   "ui": {
-    "settings": {
-      "title": "Instellingen",
-      "language": "Taal"
-    },
     "cancel": "Annuleren",
     "close": "Sluiten",
     "confirm": "Bevestig"

locales/pl.json

@@ -1,10 +1,6 @@
 {
   "language": "Polski",
   "ui": {
-    "settings": {
-      "title": "Ustawienia",
-      "language": "Język"
-    },
     "cancel": "Anuluj",
     "close": "Zamknij",
     "confirm": "Potwierdź"

locales/ru.json

@@ -1,10 +1,6 @@
 {
   "language": "Русский",
   "ui": {
-    "settings": {
-      "title": "Настройки",
-      "language": "Язык"
-    },
     "cancel": "Отменить",
     "close": "Закрывать",
     "confirm": "Подтверждать"

locales/sk.json

@@ -1,10 +1,6 @@
 {
   "language": "Slovenčina",
   "ui": {
-    "settings": {
-      "title": "Nastavenia",
-      "language": "Jazyk"
-    },
     "cancel": "Zrušiť",
     "close": "Zavrieť",
     "confirm": "Potvrdiť"

locales/sl.json

@@ -1,10 +1,6 @@
 {
   "language": "Slovenski",
   "ui": {
-    "settings": {
-      "title": "Nastavitve",
-      "language": "Jezik"
-    },
     "cancel": "Cancel",
     "close": "Zapri",
     "confirm": "Potrdi"

locales/sv.json

@@ -1,10 +1,6 @@
 {
   "language": "Svenska",
   "ui": {
-    "settings": {
-      "title": "Inställningar",
-      "language": "Språk"
-    },
     "cancel": "Avbryt",
     "close": "Stäng",
     "confirm": "Acceptera"

locales/zh-tw.json

@@ -1,10 +1,6 @@
 {
   "language": "繁體中文",
   "ui": {
-    "settings": {
-      "title": "設置",
-      "language": "語言"
-    },
     "cancel": "取消",
     "close": "關閉",
     "confirm": "確認"

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: '',