From 4d2baf09a7339590a7931c40f7f06d93d6a868a5 Mon Sep 17 00:00:00 2001
From: notmd <tinhmeo10@gmail.com>
Date: Tue, 31 Jan 2023 20:13:52 +0700
Subject: [PATCH] fix typo

---
 website/src/components/CloudflareCaptcha.tsx | 4 ++--
 website/src/pages/auth/signin.tsx            | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/website/src/components/CloudflareCaptcha.tsx b/website/src/components/CloudflareCaptcha.tsx
index ad0104f5..550e7e25 100644
--- a/website/src/components/CloudflareCaptcha.tsx
+++ b/website/src/components/CloudflareCaptcha.tsx
@@ -2,7 +2,7 @@ import { useColorMode } from "@chakra-ui/react";
 import { Turnstile, TurnstileInstance, TurnstileProps } from "@marsidev/react-turnstile";
 import { forwardRef } from "react";
 
-export const CloudFlareCatpcha = forwardRef<TurnstileInstance, Omit<TurnstileProps, "siteKey">>((props, ref) => {
+export const CloudFlareCaptcha = forwardRef<TurnstileInstance, Omit<TurnstileProps, "siteKey">>((props, ref) => {
   const { colorMode } = useColorMode();
   return (
     <Turnstile
@@ -17,4 +17,4 @@ export const CloudFlareCatpcha = forwardRef<TurnstileInstance, Omit<TurnstilePro
   );
 });
 
-CloudFlareCatpcha.displayName = "CloudFlareCatpcha";
+CloudFlareCaptcha.displayName = "CloudFlareCaptcha";
diff --git a/website/src/pages/auth/signin.tsx b/website/src/pages/auth/signin.tsx
index a0826b3c..b65fa742 100644
--- a/website/src/pages/auth/signin.tsx
+++ b/website/src/pages/auth/signin.tsx
@@ -12,7 +12,7 @@ import { serverSideTranslations } from "next-i18next/serverSideTranslations";
 import React, { useEffect, useRef, useState } from "react";
 import { useForm } from "react-hook-form";
 import { AuthLayout } from "src/components/AuthLayout";
-import { CloudFlareCatpcha } from "src/components/CloudflareCaptcha";
+import { CloudFlareCaptcha } from "src/components/CloudflareCaptcha";
 import { Footer } from "src/components/Footer";
 import { Header } from "src/components/Header";
 import { Discord } from "src/components/Icons/Discord";
@@ -170,11 +170,11 @@ const EmailSignInForm = ({ providerId }: { providerId: string }) => {
           {...register("email")}
         />
         {emailSigninCaptcha && (
-          <CloudFlareCatpcha
+          <CloudFlareCaptcha
             options={{ size: "invisible" }}
             ref={captcha}
             onSuccess={() => setCaptchaSuccess(true)}
-          ></CloudFlareCatpcha>
+          ></CloudFlareCaptcha>
         )}
         <SigninButton
           data-cy="signin-email-button"