QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-17 05:10:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat add localization & auto focus.

Browse Source
This commit is contained in:
elforjani13
2021-12-13 20:14:16 +02:00
parent a52f00eeb2
commit 897e674912
7 changed files with 72 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/containers/Dialogs/LockingTransactionsDialog/LockingTransactionsFormFields.js
View File

@@ -17,7 +17,7 @@ import {
* locking Transactions form fields.
*/
export default function LockingTransactionsFormFields() {
const dateFieldRef = useAutofocus();
const reasonFieldRef = useAutofocus();
return (
<div className={Classes.DIALOG_BODY}>
@@ -43,7 +43,6 @@ export default function LockingTransactionsFormFields() {
minimal: true,
}}
intent={inputIntent({ error, touched })}
inputRef={(ref) => (dateFieldRef.current = ref)}
/>
</FormGroup>
)}
@@ -63,6 +62,7 @@ export default function LockingTransactionsFormFields() {
growVertically={true}
large={true}
intent={inputIntent({ error, touched })}
inputRef={(ref) => (reasonFieldRef.current = ref)}
{...field}
/>
</FormGroup>

4
src/containers/Dialogs/UnlockingPartialTransactionsDialog/UnlockingPartialTransactionsFormFields.js
View File

@@ -11,11 +11,14 @@ import {
tansformDateValue,
handleDateChange,
} from 'utils';
import { useAutofocus } from 'hooks';
/**
* Parial Unlocking transactions form fields.
*/
export default function UnlockingPartialTransactionsFormFields() {
const reasonFieldRef = useAutofocus();
return (
<div className={Classes.DIALOG_BODY}>
<Row>
@@ -96,6 +99,7 @@ export default function UnlockingPartialTransactionsFormFields() {
growVertically={true}
large={true}
intent={inputIntent({ error, touched })}
inputRef={(ref) => (reasonFieldRef.current = ref)}
{...field}
/>
</FormGroup>

4
src/containers/Dialogs/UnlockingTransactionsDialog/UnlockingTransactionsFormFields.js
View File

@@ -2,12 +2,15 @@ import React from 'react';
import { FastField, ErrorMessage } from 'formik';
import { Classes, FormGroup, TextArea } from '@blueprintjs/core';
import { FieldRequiredHint, FormattedMessage as T } from 'components';
import { useAutofocus } from 'hooks';
import { inputIntent } from 'utils';
/**
* Unlocking transactions form fields.
*/
export default function UnlockingTransactionsFormFields() {
const reasonFieldRef = useAutofocus();
return (
<div className={Classes.DIALOG_BODY}>
{/*------------ Locking Reason -----------*/}
@@ -24,6 +27,7 @@ export default function UnlockingTransactionsFormFields() {
growVertically={true}
large={true}
intent={inputIntent({ error, touched })}
inputRef={(ref) => (reasonFieldRef.current = ref)}
{...field}
/>
</FormGroup>