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

refactor(web/dialog): split interfaces (#68)

Browse Source 
* tweak(interface/menu): SetNuiFocusKeepInput

Default to allow input; disable with "disableInput = false" during registration.

* refactor(web/dialog): Split interfaces

for better typing of row options for different input types

* fix(web/dialog): Use proper type for onChange event

Co-authored-by: Linden <65407488+thelindat@users.noreply.github.com>
This commit is contained in:
ANTOND
2022-08-09 23:50:14 +02:00
committed by GitHub
parent de8fb447a9
commit cb5dac6151
6 changed files with 48 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,19 +9,19 @@ import {
} from "@chakra-ui/react";
import React from "react";
import { useNuiEvent } from "../../hooks/useNuiEvent";
import { useKeyPress } from "../../hooks/useKeyPress";
import { useLocales } from "../../providers/LocaleProvider";
import { debugData } from "../../utils/debugData";
import { fetchNui } from "../../utils/fetchNui";
import { Row } from "../../interfaces/dialog";
import InputNumber from "./components/number";
import Input from "./components/input";
import { IInput, ICheckbox, ISelect, INumber } from "../../interfaces/dialog";
import InputField from "./components/input";
import CheckboxField from "./components/checkbox";
import SelectField from "./components/select";
import { useKeyPress } from "../../hooks/useKeyPress";
import NumberField from "./components/number";
interface Props {
heading: string;
rows: Row[];
rows: Array<IInput | ICheckbox | ISelect | INumber>;
}
// debugData<Props>([
@@ -111,10 +111,10 @@ const InputDialog: React.FC = () => {
<ModalContent>
<ModalHeader textAlign="center">{fields.heading}</ModalHeader>
<ModalBody fontFamily="Poppins" textAlign="left">
{fields.rows.map((row, index) => (
{fields.rows.map((row: IInput | ICheckbox | ISelect | INumber, index) => (
<React.Fragment key={`row-${index}`}>
{row.type === "input" && (
<Input
<InputField
key={`input-${index}`}
row={row}
index={index}
@@ -138,7 +138,7 @@ const InputDialog: React.FC = () => {
/>
)}
{row.type === "number" && (
<InputNumber
<NumberField
row={row}
index={index}
handleChange={handleChange}