fix: code-review

Author: Raubzeug

src/containers/Tenant/Schema/CreateDirectoryDialog/CreateDirectoryDialog.scss

@@ -8,7 +8,7 @@
     &__description {
         color: var(--g-color-text-secondary);
     }
-    &__error-wrapper {
-        min-height: var(--g-text-body-1-line-height);
+    &__input-wrapper {
+        min-height: 48px;
     }
 }

src/containers/Tenant/Schema/CreateDirectoryDialog/CreateDirectoryDialog.tsx

@@ -11,7 +11,7 @@ import './CreateDirectoryDialog.scss';
 
 const b = cn('ydb-schema-create-directory-dialog');
 
-const relativePathInputName = 'relativePath';
+const relativePathInputId = 'relativePath';
 
 interface SchemaTreeProps {
     open: boolean;
@@ -28,14 +28,13 @@ function validateRelativePath(value: string) {
 }
 
 export function CreateDirectoryDialog({open, onClose, parentPath, onSuccess}: SchemaTreeProps) {
-    const [showResponseError, setShowResponseError] = React.useState(false);
     const [validationError, setValidationError] = React.useState('');
     const [relativePath, setRelativePath] = React.useState('');
     const [create, response] = schemaApi.useCreateDirectoryMutation();
 
     const resetErrors = () => {
         setValidationError('');
-        setShowResponseError(false);
+        response.reset();
     };
 
     const handleUpdate = (updated: string) => {
@@ -50,7 +49,6 @@ export function CreateDirectoryDialog({open, onClose, parentPath, onSuccess}: Sc
     };
 
     const handleSubmit = () => {
-        setShowResponseError(true);
         const path = `${parentPath}/${relativePath}`;
         create({
             database: parentPath,
@@ -63,8 +61,6 @@ export function CreateDirectoryDialog({open, onClose, parentPath, onSuccess}: Sc
             });
     };
 
-    const hasValidationError = Boolean(validationError);
-
     return (
         <Dialog open={open} onClose={handleClose} size="s">
             <Dialog.Header caption={i18n('schema.tree.dialog.header')} />
@@ -79,27 +75,27 @@ export function CreateDirectoryDialog({open, onClose, parentPath, onSuccess}: Sc
                 }}
             >
                 <Dialog.Body>
-                    <label htmlFor={relativePathInputName} className={b('label')}>
+                    <label htmlFor={relativePathInputId} className={b('label')}>
                         <span className={b('description')}>
                             {i18n('schema.tree.dialog.description')}
                         </span>
                         {`${parentPath}/`}
                     </label>
-                    <TextInput
-                        placeholder={i18n('schema.tree.dialog.placeholder')}
-                        value={relativePath}
-                        onUpdate={handleUpdate}
-                        autoFocus
-                        hasClear
-                        autoComplete={false}
-                        disabled={response.isLoading}
-                        validationState={validationError ? 'invalid' : undefined}
-                        name={relativePathInputName}
-                    />
-                    <div className={b('error-wrapper')}>
-                        {hasValidationError && <ResponseError error={validationError} />}
+                    <div className={b('input-wrapper')}>
+                        <TextInput
+                            placeholder={i18n('schema.tree.dialog.placeholder')}
+                            value={relativePath}
+                            onUpdate={handleUpdate}
+                            autoFocus
+                            hasClear
+                            autoComplete={false}
+                            disabled={response.isLoading}
+                            validationState={validationError ? 'invalid' : undefined}
+                            id={relativePathInputId}
+                            errorMessage={validationError}
+                        />
                     </div>
-                    {showResponseError && response.isError && (
+                    {response.isError && (
                         <ResponseError
                             error={response.error}
                             defaultMessage={i18n('schema.tree.dialog.invalid')}