filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-22 21:45:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat(hooks): return setFieldValue from useField

Browse Source
This commit is contained in:
Aminejv 2021-08-24 20:45:05 +01:00
parent c38f84733d
commit 2e26c97ae3
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
common/hooks.js
View File

@ -173,15 +173,16 @@ export const useField = ({
if (event) event(e);
});
/** ---------- NOTE(amine): Input Handlers ---------- */
const handleFieldChange = (e) =>
const setFieldValue = (value) =>
setState((prev) => ({
...prev,
value: e.target.value,
value,
error: undefined,
touched: false,
}));
/** ---------- NOTE(amine): Input Handlers ---------- */
const handleFieldChange = (e) => setFieldValue(e.target.value);
const handleOnBlur = () => {
// NOTE(amine): validate the inputs onBlur and touch the current input
let error = {};
@ -204,10 +205,10 @@ export const useField = ({
if (!onSubmit) return;
setState((prev) => ({ ...prev, isSubmitting: true }));
onSubmit(state.value)
.then(() => {
?.then(() => {
setState((prev) => ({ ...prev, isSubmitting: false }));
})
.catch(() => {
?.catch(() => {
setState((prev) => ({ ...prev, isSubmitting: false }));
});
};
@ -223,7 +224,7 @@ export const useField = ({
onSubmit: handleFormOnSubmit,
});
return { getFieldProps, value: state.value, isSubmitting: state.isSubmitting };
return { getFieldProps, value: state.value, setFieldValue, isSubmitting: state.isSubmitting };
};
export const useIntersection = ({ onIntersect, ref }, dependencies = []) => {