common useImageHandler.tsx

0% Statements 0/5

0% Branches 0/1

0% Functions 0/2

0% Lines 0/5

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import {
  TImageSize,
  addSizeToImage,
} from "@components/UploadAvatar/UploadAvatar";
import placeholder from "@assets/images/Placeholder.png";
import { useCallback } from "react";
 
type IMG_Handler_Type = {
  imageURL: string | undefined;
  size: TImageSize;
  fallbackSize?: TImageSize;
};
 
export const useImageSizeHandler = ({
  imageURL,
  size,
  fallbackSize = "original",
}: IMG_Handler_Type) => {
  // const mainImage = imageURL ? addSizeToImage(imageURL, size) : placeholder;
  // const originalImage = imageURL
  //   ? addSizeToImage(imageURL, fallbackSize)
  //   : null;
 
  const handleImageError = useCallback(
    ({ currentTarget }: { currentTarget: EventTarget & HTMLImageElement }) => {
      currentTarget.onerror = null;
      currentTarget.src = placeholder;
    },
    [],
  );
 
  return {
    mainImage: imageURL + "/" + size,
    handleImageError,
  };
};