From 8a323e219549d99ac21121655720fbd04930fff1 Mon Sep 17 00:00:00 2001
From: Sinan <muhammedsinan7749@gmail.com>
Date: Sat, 17 Aug 2024 14:09:39 +0530
Subject: [PATCH] otp page error solved

---
 client/components/CustomFormField.tsx             | 15 +++++++--------
 client/components/modles/OtpVerificationModel.tsx |  2 +-
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/client/components/CustomFormField.tsx b/client/components/CustomFormField.tsx
index 58d1b8a0..6f6c15a6 100644
--- a/client/components/CustomFormField.tsx
+++ b/client/components/CustomFormField.tsx
@@ -1,4 +1,5 @@
 "use client";
+import React from "react";
 import {
   FormControl,
   FormField,
@@ -17,7 +18,7 @@ import { Select } from "@radix-ui/react-select";
 import { SelectContent, SelectTrigger, SelectValue } from "./ui/select";
 import { Checkbox } from "./ui/checkbox";
 import { Textarea } from "./ui/textarea";
-import { IconCalendar } from '@tabler/icons-react';
+import { IconCalendar } from "@tabler/icons-react";
 
 const RenderField = ({ field, props }: { field: any; props: CustomProps }) => {
   const {
@@ -67,7 +68,7 @@ const RenderField = ({ field, props }: { field: any; props: CustomProps }) => {
         </div>
       );
 
-      case FormFieldType.DATE_PICKER:
+    case FormFieldType.DATE_PICKER:
       return (
         <div className="flex rounded-md border border-dark-500 bg-dark-400">
           <IconCalendar className="ml-2 mt-1" />
@@ -89,11 +90,9 @@ const RenderField = ({ field, props }: { field: any; props: CustomProps }) => {
       return (
         <FormControl>
           <Select onValueChange={field.onChange} defaultValue={field.value}>
-            <FormControl>
-              <SelectTrigger className="shad-select-trigger">
-                <SelectValue placeholder={placeholder} />
-              </SelectTrigger>
-            </FormControl>
+            <SelectTrigger className="shad-select-trigger">
+              <SelectValue placeholder={placeholder} />
+            </SelectTrigger>
             <SelectContent className="shad-select-content">
               {children}
             </SelectContent>
@@ -164,7 +163,7 @@ const RenderField = ({ field, props }: { field: any; props: CustomProps }) => {
   }
 };
 
-const CustomFormField = (props: CustomProps) => {
+const CustomFormField: React.FC<CustomProps> = (props) => {
   const { control, fieldType, name, label } = props;
   return (
     <FormField
diff --git a/client/components/modles/OtpVerificationModel.tsx b/client/components/modles/OtpVerificationModel.tsx
index 72c07c4b..2b222d02 100644
--- a/client/components/modles/OtpVerificationModel.tsx
+++ b/client/components/modles/OtpVerificationModel.tsx
@@ -43,7 +43,7 @@ const OtpVerificationModel = () => {
       <AlertDialogContent className="shad-alert-dialog">
         <AlertDialogHeader>
           <AlertDialogTitle className="flex items-start justify-between">
-            <h2 className="sub-header">OTP Verification</h2>
+            <p className="sub-header">OTP Verification</p>
             <Image
               src={`/assets/icons/close.svg`}
               width={20}