+
+
+ {!isSimple && (
+
+ )}
+
+ {!isSimple && (
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+ {!isSimple && (
+
+
+
+
+ )}
+
+
+
+
+ {!isSimple && }
+ {!isSimple && }
+
+
+ {!isSimple && (
+
+
+
+
+ )}
+
+ {!isSimple && (
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {!isSimple && }
+
+
+
+ {!isSimple && (
+
+
+
+
+ )}
+
+ `solid 1px ${theme.palette.error.main}`,
+ }),
+ ...sx,
+ }}
+ >
+
+
+ {helperText && helperText}
+
+ );
+}
diff --git a/frontend/src/components/hook-form/FormProvider.tsx b/frontend/src/components/hook-form/FormProvider.tsx
new file mode 100644
index 00000000..cc4bafd0
--- /dev/null
+++ b/frontend/src/components/hook-form/FormProvider.tsx
@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+// form
+import { FormProvider as Form, UseFormReturn } from 'react-hook-form';
+
+// ----------------------------------------------------------------------
+
+type Props = {
+ children: ReactNode;
+ methods: UseFormReturn
+
+ {options.map((option, index) => (
+
+
+ {!!error && (
+
+ {error.message}
+
+ )}
+
+ )}
+ />
+ );
+}
diff --git a/frontend/src/components/hook-form/RHFSelect.tsx b/frontend/src/components/hook-form/RHFSelect.tsx
new file mode 100644
index 00000000..4f6c02b8
--- /dev/null
+++ b/frontend/src/components/hook-form/RHFSelect.tsx
@@ -0,0 +1,35 @@
+// form
+import { useFormContext, Controller } from 'react-hook-form';
+// @mui
+import { TextField, TextFieldProps } from '@mui/material';
+
+// ----------------------------------------------------------------------
+
+interface IProps {
+ name: string;
+ children: any;
+}
+
+export default function RHFSelect({ name, children, ...other }: IProps & TextFieldProps) {
+ const { control } = useFormContext();
+
+ return (
+
+
+ {error.message}
+
+ )}
+
+ );
+ }}
+ />
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export function RHFUploadSingleFile({ name, ...other }: Props) {
+ const { control } = useFormContext();
+
+ return (
+ -
+ {(list.children || []).map((item) => (
+
-
+ {(list.children || []).map((item) => (
+
-
+
+
+
+
+
+
+ -
+
-
+ New
+
+ }
+ >
+ {notifications.slice(0, 2).map((notification) => (
+
-
+ Before that
+
+ }
+ >
+ {notifications.slice(2, 5).map((notification) => (
+
+ ),
+ title,
+ };
+ }
+ if (notification.type === 'order_shipped') {
+ return {
+ avatar: (
+ 
+ ),
+ title,
+ };
+ }
+ if (notification.type === 'mail') {
+ return {
+ avatar: (
+ 
+ ),
+ title,
+ };
+ }
+ if (notification.type === 'chat_message') {
+ return {
+ avatar: (
+ 
+ ),
+ title,
+ };
+ }
+ return {
+ avatar: notification.avatar ?
+ {!isOpen && (
+
+
+ )}
+
+
+
+
+
+
+
+
+
+ Hi, Rayan Moran
+
+
+ Need help?
+
Please check our docs +
+
+
+
+ Please check our docs +
+ Please check your email. +