fix: add use clinet to form provider (#101)

Tivix · Jul 16, 2024 · d4b63cd · d4b63cd
1 parent 489a847
commit d4b63cd
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/frontend/src/components/common/Input/Input.tsx b/frontend/src/components/common/Input/Input.tsx
@@ -3,7 +3,7 @@ import { InputProps } from './Input.interface';
 import { useFormContext } from 'react-hook-form';
 import { generateClassNames } from '@app/utils';
 import { ErrorMessage } from '@hookform/error-message';
-import { CheckMarkIcon } from '@app/static/icons/AlertTriangleIcon';
+import { AlertTriangleIcon } from '@app/static/icons/AlertTriangleIcon';
 
 export const Input: FC<InputProps> = memo(({ label, name, placeholder, options = {}, ...otherProps }) => {
   const { formState, register, getFieldState } = useFormContext();
@@ -31,7 +31,7 @@ export const Input: FC<InputProps> = memo(({ label, name, placeholder, options =
         name={name}
         render={({ message }) => (
           <div className="flex items-center gap-x-2">
-            <CheckMarkIcon />
+            <AlertTriangleIcon />
             <div className="text-sm text-red-600 first-letter:uppercase">{message}</div>
           </div>
         )}

diff --git a/frontend/src/components/pages/addEmployee/AddEmployeeFormProvider/AddEmployeeForm.tsx b/frontend/src/components/pages/addEmployee/AddEmployeeFormProvider/AddEmployeeForm.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { FC, PropsWithChildren } from 'react';
 import { useForm } from 'react-hook-form';
 

diff --git a/frontend/src/static/icons/AlertTriangleIcon.tsx b/frontend/src/static/icons/AlertTriangleIcon.tsx
@@ -1,4 +1,4 @@
-export const CheckMarkIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+export const AlertTriangleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
       fillRule="evenodd"