diff --git a/webapp/packages/core-blocks/src/FormControls/InputField.tsx b/webapp/packages/core-blocks/src/FormControls/InputField.tsx index 99b1ba8342..7430296146 100644 --- a/webapp/packages/core-blocks/src/FormControls/InputField.tsx +++ b/webapp/packages/core-blocks/src/FormControls/InputField.tsx @@ -17,6 +17,7 @@ import { FormContext } from './FormContext'; import { isControlPresented } from './isControlPresented'; type BaseProps = Omit, 'onChange' | 'name' | 'value'> & { + description?: string; mod?: 'surface'; long?: boolean; short?: boolean; @@ -52,6 +53,7 @@ export const InputField: InputFieldType = observer(function InputField({ state, children, className, + description, mod, long, short, @@ -86,11 +88,16 @@ export const InputField: InputFieldType = observer(function InputField({ + {description && ( + + {description} + + )} ); }); diff --git a/webapp/packages/core-blocks/src/FormControls/Radio.tsx b/webapp/packages/core-blocks/src/FormControls/Radio.tsx index 5bd2dd40b3..d59df55279 100644 --- a/webapp/packages/core-blocks/src/FormControls/Radio.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Radio.tsx @@ -139,7 +139,7 @@ export const Radio: RadioType = observer(function Radio({ type="radio" id={id} name={name} - value={value} + value={value ?? ''} checked={checked} onChange={handleChange} /> diff --git a/webapp/packages/core-blocks/src/FormControls/ShadowInput.tsx b/webapp/packages/core-blocks/src/FormControls/ShadowInput.tsx index 343994ecd0..eeaf1a0673 100644 --- a/webapp/packages/core-blocks/src/FormControls/ShadowInput.tsx +++ b/webapp/packages/core-blocks/src/FormControls/ShadowInput.tsx @@ -22,7 +22,7 @@ export const ShadowInput = React.forwardRef(function ShadowInput({ return ( onChange?.(e.target.value)} {...rest} /> diff --git a/webapp/packages/core-blocks/src/FormControls/Textarea.tsx b/webapp/packages/core-blocks/src/FormControls/Textarea.tsx index 1d6ddf9339..411d6e88eb 100644 --- a/webapp/packages/core-blocks/src/FormControls/Textarea.tsx +++ b/webapp/packages/core-blocks/src/FormControls/Textarea.tsx @@ -79,7 +79,7 @@ export const Textarea: TextareaType = observer(function Textarea({ {children}