refactor(web/input): move field components into fields folder

web/src/features/dialog/InputDialog.tsx

@@ -4,11 +4,11 @@ import { useNuiEvent } from '../../hooks/useNuiEvent';
 import { useLocales } from '../../providers/LocaleProvider';
 import { fetchNui } from '../../utils/fetchNui';
 import { IInput, ICheckbox, ISelect, INumber, ISlider } from '../../interfaces/dialog';
-import InputField from './components/input';
-import CheckboxField from './components/checkbox';
-import SelectField from './components/select';
-import NumberField from './components/number';
-import SliderField from './components/slider';
+import InputField from './components/fields/input';
+import CheckboxField from './components/fields/checkbox';
+import SelectField from './components/fields/select';
+import NumberField from './components/fields/number';
+import SliderField from './components/fields/slider';
 
 export interface InputProps {
   heading: string;

web/src/features/dialog/components/checkbox.tsx → web/src/features/dialog/components/fields/checkbox.tsx

@@ -1,8 +1,7 @@
 import { Box, Checkbox, HStack, Text } from '@chakra-ui/react';
 import { useEffect } from 'react';
-import { ICheckbox } from '../../../interfaces/dialog';
-import InfoTooltip from './InfoTooltip';
-import Label from './Label';
+import { ICheckbox } from '../../../../interfaces/dialog';
+import Label from '../Label';
 
 interface Props {
   row: ICheckbox;

web/src/features/dialog/components/input.tsx → web/src/features/dialog/components/fields/input.tsx

@@ -1,8 +1,8 @@
 import { Box, InputGroup, InputLeftElement, InputRightElement, Input } from '@chakra-ui/react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useEffect } from 'react';
-import { IInput } from '../../../interfaces/dialog';
-import Label from './Label';
+import { IInput } from '../../../../interfaces/dialog';
+import Label from '../Label';
 
 interface Props {
   row: IInput;

web/src/features/dialog/components/number.tsx → web/src/features/dialog/components/fields/number.tsx

@@ -1,6 +1,5 @@
 import {
   Box,
-  Text,
   NumberInput,
   NumberInputField,
   NumberInputStepper,
@@ -9,9 +8,9 @@ import {
   InputLeftElement,
 } from '@chakra-ui/react';
 import { useEffect } from 'react';
-import { INumber } from '../../../interfaces/dialog';
+import { INumber } from '../../../../interfaces/dialog';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import Label from './Label';
+import Label from '../Label';
 
 interface Props {
   row: INumber;

web/src/features/dialog/components/select.tsx → web/src/features/dialog/components/fields/select.tsx

@@ -1,6 +1,6 @@
 import { Box, Select } from '@chakra-ui/react';
 import { useEffect } from 'react';
-import { ISelect } from '../../../interfaces/dialog';
+import { ISelect } from '../../../../interfaces/dialog';
 
 interface Props {
   row: ISelect;

web/src/features/dialog/components/slider.tsx → web/src/features/dialog/components/fields/slider.tsx

@@ -1,7 +1,7 @@
 import { Box, Text, Slider, SliderTrack, SliderFilledTrack, SliderThumb, HStack, Tooltip } from '@chakra-ui/react';
 import { useEffect, useState } from 'react';
-import { ISlider } from '../../../interfaces/dialog';
-import Label from './Label';
+import { ISlider } from '../../../../interfaces/dialog';
+import Label from '../Label';
 
 interface Props {
   row: ISlider;