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

fix(web): move input dialog enter handler

Browse Source 
it was causing issues where when confirming a selection in the list menu it would instantly close the input dialog
This commit is contained in:
Luke
2022-08-26 18:49:49 +02:00
parent 3db5ccc86d
commit ae25d109fc
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -61,13 +61,8 @@ const InputDialog: React.FC = () => {
>([]); >([]);
const [passwordStates, setPasswordStates] = React.useState<boolean[]>([]); const [passwordStates, setPasswordStates] = React.useState<boolean[]>([]);
const [visible, setVisible] = React.useState(false); const [visible, setVisible] = React.useState(false);
const enterPressed = useKeyPress("Enter");
const { locale } = useLocales(); const { locale } = useLocales();
React.useEffect(() => {
if (visible && enterPressed === false) handleConfirm();
}, [enterPressed]);
const handlePasswordStates = (index: number) => { const handlePasswordStates = (index: number) => {
setPasswordStates({ setPasswordStates({
...passwordStates, ...passwordStates,
@@ -110,7 +105,11 @@ const InputDialog: React.FC = () => {
size="xs" size="xs"
> >
<ModalOverlay /> <ModalOverlay />
<ModalContent> <ModalContent
onKeyDown={(e) => {
if (e.key === 'Enter' && visible) return handleConfirm();
}}
>
<ModalHeader textAlign="center">{fields.heading}</ModalHeader> <ModalHeader textAlign="center">{fields.heading}</ModalHeader>
<ModalBody fontFamily="Poppins" textAlign="left"> <ModalBody fontFamily="Poppins" textAlign="left">
{fields.rows.map((row: IInput | ICheckbox | ISelect | INumber | ISlider, index) => ( {fields.rows.map((row: IInput | ICheckbox | ISelect | INumber | ISlider, index) => (