HFGiveUploadAvatar HFGiveUploadAvatar.tsx

100% Statements 6/6

100% Branches 2/2

100% Functions 3/3

100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45  
 
 
 
 
 
 
 
 
1x
6x
 
6x
1x
 
 
6x
 
 
 
 
6x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import GiveUploadAvatar, {
  UploadAvatarProps,
} from "@shared/GiveUploadAvatar/GiveUploadAvatar";
import { Controller, useFormContext } from "react-hook-form";
 
type Props = UploadAvatarProps & {
  name: string;
};
 
const HFGiveUploadAvatar = ({ name, ...other }: Props) => {
  const { control, setValue } = useFormContext();
 
  const handleReset = () => {
    setValue(name, null, { shouldDirty: true });
  };
 
  return (
    <Controller
      name={name}
      control={control}
      render={({ field }) => {
        return (
          <GiveUploadAvatar
            {...other}
            actions={{
              onResetAvatar: handleReset,
              ...other?.actions,
            }}
            data={{
              file: other?.data?.file
                ? {
                    preview: other?.data?.file,
                  }
                : field.value,
              ...other?.data,
            }}
          />
        );
      }}
    />
  );
};
 
export default HFGiveUploadAvatar;