diff --git a/frontend/src/metabase/components/form/FormField.jsx b/frontend/src/metabase/components/form/FormField.jsx index d72130c9045a7209482936f6060bfa85ced5890b..7bc3a0662958f170226614c8c49023cb9777b550 100644 --- a/frontend/src/metabase/components/form/FormField.jsx +++ b/frontend/src/metabase/components/form/FormField.jsx @@ -12,7 +12,7 @@ import { FieldContainer, InfoLabel, } from "./FormField.styled"; -import { FormFieldDecription } from "./FormFieldDescription"; +import { FormFieldDescription } from "./FormFieldDescription"; const formFieldCommon = { title: PropTypes.string, @@ -117,13 +117,13 @@ function FormField(props) { )} </FieldRow> {description && descriptionPosition === "top" && ( - <FormFieldDecription className="mb1" description={description} /> + <FormFieldDescription className="mb1" description={description} /> )} </FieldContainer> )} {align !== "left" && <InputContainer>{children}</InputContainer>} {description && descriptionPosition === "bottom" && ( - <FormFieldDecription className="mt1" description={description} /> + <FormFieldDescription className="mt1" description={description} /> )} </div> ); diff --git a/frontend/src/metabase/components/form/FormFieldDescription.tsx b/frontend/src/metabase/components/form/FormFieldDescription.tsx index 0fbe765adf5cf5c1c552547e8030137cd3b1c081..8f0f1af812889f476a53d566ab282afd7b251da8 100644 --- a/frontend/src/metabase/components/form/FormFieldDescription.tsx +++ b/frontend/src/metabase/components/form/FormFieldDescription.tsx @@ -1,14 +1,14 @@ import React from "react"; -interface FormFieldDecriptionProps { +interface FormFieldDescriptionProps { className: string; description: string; } -export const FormFieldDecription = ({ +export const FormFieldDescription = ({ className, description, -}: FormFieldDecriptionProps) => { +}: FormFieldDescriptionProps) => { if (typeof description === "string") { return ( <div