chore(web): remove unused settings component

2026-08-17 06:56:03 +01:00 · 2022-12-08 11:37:24 +01:00
parent e806781dde
commit 4aad28a2e5
25 changed files with 0 additions and 198 deletions
--- a/locales/al.json
+++ b/locales/al.json
@@ -1,10 +1,6 @@
 {
  "language": "Shqip",
  "ui": {
-    "settings": {
-      "title": "Cilësimet",
-      "language": "Gjuhe"
-    },
    "cancel": "Cancel",
    "close": "Mbylle",
    "confirm": "Konfirmo"
--- a/locales/cs.json
+++ b/locales/cs.json
@@ -1,10 +1,6 @@
 {
  "language": "Čeština",
  "ui": {
-    "settings": {
-      "title": "Nastavení",
-      "language": "Jazyk"
-    },
    "cancel": "Zrušit",
    "close": "Zavřít",
    "confirm": "Potvrdit"
--- a/locales/de.json
+++ b/locales/de.json
@@ -1,10 +1,6 @@
 {
  "language": "Deutsch",
  "ui": {
-    "settings": {
-      "title": "Einstellungen",
-      "language": "Sprache"
-    },
    "cancel": "Abbrechen",
    "close": "Schließen",
    "confirm": "Bestätigen"
--- a/locales/en.json
+++ b/locales/en.json
@@ -1,10 +1,6 @@
 {
  "language": "English",
  "ui": {
-    "settings": {
-      "title": "Settings",
-      "language": "Language"
-    },
    "cancel": "Cancel",
    "close": "Close",
    "confirm": "Confirm"
--- a/locales/es.json
+++ b/locales/es.json
@@ -1,10 +1,6 @@
 {
  "language": "Español",
  "ui": {
-    "settings": {
-      "title": "Ajustes",
-      "language": "Idioma"
-    },
    "cancel": "Cancelar",
    "close": "Cerrar",
    "confirm": "Confirmar"
--- a/locales/et.json
+++ b/locales/et.json
@@ -1,10 +1,6 @@
 {
  "language": "Eesti",
  "ui": {
-    "settings": {
-      "title": "Seaded",
-      "language": "Keel"
-    },
    "cancel": "Tühista",
    "close": "Sulge",
    "confirm": "Kinnita"
--- a/locales/fr.json
+++ b/locales/fr.json
@@ -1,10 +1,6 @@
 {
  "language": "Français",
  "ui": {
-    "settings": {
-      "title": "Réglages",
-      "language": "Langue"
-    },
    "cancel": "Annuler",
    "close": "Fermer",
    "confirm": "Confirmer"
--- a/locales/he.json
+++ b/locales/he.json
@@ -1,10 +1,6 @@
 {
  "language": "עברית",
  "ui": {
-    "settings": {
-      "title": "הגדרות",
-      "language": "שפה"
-    },
    "cancel": "ביטול",
    "close": "סגירה",
    "confirm": "אישור"
--- a/locales/hr.json
+++ b/locales/hr.json
@@ -1,10 +1,6 @@
 {
  "language": "Hrvatski",
  "ui": {
-    "settings": {
-      "title": "Postavke",
-      "language": "Jezik"
-    },
    "cancel": "Odustani",
    "close": "Zatvori",
    "confirm": "Potvrdi"
--- a/locales/hu.json
+++ b/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"
--- a/locales/it.json
+++ b/locales/it.json
@@ -1,10 +1,6 @@
 {
  "language": "Italiano",
  "ui": {
-    "settings": {
-      "title": "Impostazioni",
-      "language": "Lingua"
-    },
    "cancel": "Cancel",
    "close": "Chiudere",
    "confirm": "Confermare"
--- a/locales/lt.json
+++ b/locales/lt.json
@@ -1,10 +1,6 @@
 {
  "language": "Lietuvių",
  "ui": {
-    "settings": {
-      "title": "Nustatymai",
-      "language": "Kalba"
-    },
    "cancel": "Cancel",
    "close": "Uždaryti",
    "confirm": "Patvirtinti"
--- a/locales/nl.json
+++ b/locales/nl.json
@@ -1,10 +1,6 @@
 {
  "language": "Nederlands",
  "ui": {
-    "settings": {
-      "title": "Instellingen",
-      "language": "Taal"
-    },
    "cancel": "Annuleren",
    "close": "Sluiten",
    "confirm": "Bevestig"
--- a/locales/pl.json
+++ b/locales/pl.json
@@ -1,10 +1,6 @@
 {
  "language": "Polski",
  "ui": {
-    "settings": {
-      "title": "Ustawienia",
-      "language": "Język"
-    },
    "cancel": "Anuluj",
    "close": "Zamknij",
    "confirm": "Potwierdź"
--- a/locales/ru.json
+++ b/locales/ru.json
@@ -1,10 +1,6 @@
 {
  "language": "Русский",
  "ui": {
-    "settings": {
-      "title": "Настройки",
-      "language": "Язык"
-    },
    "cancel": "Отменить",
    "close": "Закрывать",
    "confirm": "Подтверждать"
--- a/locales/sk.json
+++ b/locales/sk.json
@@ -1,10 +1,6 @@
 {
  "language": "Slovenčina",
  "ui": {
-    "settings": {
-      "title": "Nastavenia",
-      "language": "Jazyk"
-    },
    "cancel": "Zrušiť",
    "close": "Zavrieť",
    "confirm": "Potvrdiť"
--- a/locales/sl.json
+++ b/locales/sl.json
@@ -1,10 +1,6 @@
 {
  "language": "Slovenski",
  "ui": {
-    "settings": {
-      "title": "Nastavitve",
-      "language": "Jezik"
-    },
    "cancel": "Cancel",
    "close": "Zapri",
    "confirm": "Potrdi"
--- a/locales/sv.json
+++ b/locales/sv.json
@@ -1,10 +1,6 @@
 {
  "language": "Svenska",
  "ui": {
-    "settings": {
-      "title": "Inställningar",
-      "language": "Språk"
-    },
    "cancel": "Avbryt",
    "close": "Stäng",
    "confirm": "Acceptera"
--- a/locales/zh-tw.json
+++ b/locales/zh-tw.json
@@ -1,10 +1,6 @@
 {
  "language": "繁體中文",
  "ui": {
-    "settings": {
-      "title": "設置",
-      "language": "語言"
-    },
    "cancel": "取消",
    "close": "關閉",
    "confirm": "確認"
--- a/web/src/App.tsx
+++ b/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 />
--- a/web/src/features/dev/debug/settings.ts
+++ b/web/src/features/dev/debug/settings.ts
@@ -1,10 +0,0 @@
-import { debugData } from '../../../utils/debugData';
-
-export const debugSettings = () => {
-  debugData([
-    {
-      action: 'openSettings',
-      data: true,
-    },
-  ]);
-};
--- a/web/src/features/dev/index.tsx
+++ b/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>
--- a/web/src/features/settings/components/locale.tsx
+++ b/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;
--- a/web/src/features/settings/index.tsx
+++ b/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;
--- a/web/src/providers/LocaleProvider.tsx
+++ b/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: '',