update

03_source/frontend/src/components/hook-form/rhf-upload.tsx

@@ -1,12 +1,6 @@
 import type { BoxProps } from '@mui/material/Box';
-
 import { Controller, useFormContext } from 'react-hook-form';
-
-import Box from '@mui/material/Box';
-
-import { HelperText } from './help-text';
-import { Upload, UploadBox, UploadAvatar } from '../upload';
-
+import { Upload } from '../upload';
 import type { UploadProps } from '../upload';
 
 // ----------------------------------------------------------------------
@@ -18,48 +12,6 @@ export type RHFUploadProps = UploadProps & {
   };
 };
 
-export function RHFUploadAvatar({ name, slotProps, ...other }: RHFUploadProps) {
-  const { control, setValue } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => {
-        const onDrop = (acceptedFiles: File[]) => {
-          const value = acceptedFiles[0];
-
-          setValue(name, value, { shouldValidate: true });
-        };
-
-        return (
-          <Box {...slotProps?.wrapper}>
-            <UploadAvatar value={field.value} error={!!error} onDrop={onDrop} {...other} />
-
-            <HelperText errorMessage={error?.message} sx={{ textAlign: 'center' }} />
-          </Box>
-        );
-      }}
-    />
-  );
-}
-
-// ----------------------------------------------------------------------
-
-export function RHFUploadBox({ name, ...other }: RHFUploadProps) {
-  const { control } = useFormContext();
-
-  return (
-    <Controller
-      name={name}
-      control={control}
-      render={({ field, fieldState: { error } }) => (
-        <UploadBox value={field.value} error={!!error} {...other} />
-      )}
-    />
-  );
-}
-
 // ----------------------------------------------------------------------
 
 export function RHFUpload({ name, multiple, helperText, ...other }: RHFUploadProps) {
@@ -83,6 +35,8 @@ export function RHFUpload({ name, multiple, helperText, ...other }: RHFUploadPro
           setValue(name, value, { shouldValidate: true });
         };
 
+        // return <>{JSON.stringify({ t: field.value })}</>;
+
         return <Upload {...uploadProps} value={field.value} onDrop={onDrop} {...other} />;
       }}
     />