From f00f97f6b2ee39d415ea261934d966ca9f799171 Mon Sep 17 00:00:00 2001
From: Ariya Hidayat <ariya@metabase.com>
Date: Wed, 11 May 2022 15:39:26 -0700
Subject: [PATCH] Fix a typo in the component name (#22605)

---
 frontend/src/metabase/components/form/FormField.jsx         | 6 +++---
 .../src/metabase/components/form/FormFieldDescription.tsx   | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/metabase/components/form/FormField.jsx b/frontend/src/metabase/components/form/FormField.jsx
index d72130c9045..7bc3a066295 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 0fbe765adf5..8f0f1af8128 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
-- 
GitLab