feat(helper): image validator

Signed-off-by: sudhanshu dasgupta <[email protected]>

packages/components/src/custom/Helpers/UrlValidator/image-url-validation.tsx

@@ -0,0 +1,20 @@
+type DispatchImageFunction = (url: string) => void;
+
+const handleImageValidation = async (url: string, dispatchImage: DispatchImageFunction): Promise<boolean> => {
+  try {
+    const img = new Image();
+    img.src = url;
+
+    await new Promise<void>((resolve, reject) => {
+      img.onload = () => resolve();
+      img.onerror = () => reject();
+    });
+
+    dispatchImage(url);
+    return true; // Image loaded successfully
+  } catch (error) {
+    return false; // Image failed to load
+  }
+};
+
+export default handleImageValidation;

packages/components/src/custom/Helpers/UrlValidator/index.tsx

@@ -0,0 +1,3 @@
+import handleImageValidation from './image-url-validation';
+
+export { handleImageValidation };

packages/components/src/custom/Helpers/readme.md

@@ -58,3 +58,10 @@ To use these helper components in your project, follow these steps:
    </button>
   );
   ```
+
+3. **ImageUrlValidator**: A custom React hook for validating image URLs.
+
+   - **File**: `ImageUrlValidator`
+   - **Usage**: Provides the `useImageUrlValidator` hook, which allows you to validate image URLs.
+   - **Returns**: function that accepts an image URL and a dispatch function, and returns a Promise<boolean> indicating whether the image is valid or not.
+

packages/components/src/custom/index.tsx

@@ -5,6 +5,7 @@ import { FlipCard } from './FlipCard';
 import { useWindowDimensions } from './Helpers/Dimension';
 import { useNotificationHandler } from './Helpers/Notification';
 import { StyledTooltip } from './Tooltip';
+import { handleImageValidation } from './Helpers/UrlValidator';
 
 export { StyledChartDialog } from './ChartDialog';
 export { StyledSearchBar } from './StyledSearchBar';
@@ -17,5 +18,6 @@ export {
   WithErrorBoundary,
   useNotificationHandler,
   useWindowDimensions,
-  withSuppressedErrorBoundary
+  withSuppressedErrorBoundary,
+  handleImageValidation
 };