fix: uses baseClass in code field

This commit is contained in:
Jessica Boezwinkle
2022-11-29 16:03:34 +00:00
parent 1a6c9a3e18
commit d03f0aef84

View File

@@ -17,10 +17,11 @@ import Error from '../../Error';
import FieldDescription from '../../FieldDescription';
import { code } from '../../../../../fields/validations';
import { Props } from './types';
import { useTheme } from '../../../utilities/Theme';
import './index.scss';
const baseClass = 'code-field';
const Code: React.FC<Props> = (props) => {
const {
path: pathFromProps,
@@ -65,8 +66,8 @@ const Code: React.FC<Props> = (props) => {
});
const classes = [
baseClass,
'field-type',
'code',
className,
showError && 'error',
readOnly && 'read-only',
@@ -90,7 +91,7 @@ const Code: React.FC<Props> = (props) => {
required={required}
/>
<Editor
className="input"
className={`${baseClass}__input`}
id={`field-${path.replace(/\./gi, '__')}`}
value={value as string || ''}
onValueChange={readOnly ? () => null : setValue}