FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 23:46:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Luke
2022-10-27 14:22:15 +02:00
parent d4dc68f21e
commit 8ad04de0bc
6 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/features/dialog/InputDialog.tsx
View File

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

5
web/src/features/dialog/components/checkbox.tsx → web/src/features/dialog/components/fields/checkbox.tsx
View File

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

4
web/src/features/dialog/components/input.tsx → web/src/features/dialog/components/fields/input.tsx
View File

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

5
web/src/features/dialog/components/number.tsx → web/src/features/dialog/components/fields/number.tsx
View File

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

2
web/src/features/dialog/components/select.tsx → web/src/features/dialog/components/fields/select.tsx
View File

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

4
web/src/features/dialog/components/slider.tsx → web/src/features/dialog/components/fields/slider.tsx
View File

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