Add Image validator helper func

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

@@ -0,0 +1,37 @@
+type DispatchImageFunction = (url: string) => void;
+export const validateImageUrl = async (
+  url: string,
+  dispatchImage: DispatchImageFunction
+): Promise<boolean> => {
+  // Basic URL verification
+  if (!isUrlValid(url)) {
+    return false;
+  }
+
+  try {
+    const img = new Image();
+    img.src = url;
+
+    await new Promise<void>((resolve, reject) => {
+      img.onload = () => resolve();
+      img.onerror = () => reject();
+    });
+
+    // Dispatch action after image is successfully loaded
+    dispatchImage(url);
+
+    return true; // Image loaded successfully
+  } catch (error) {
+    return false; // Image failed to load
+  }
+};
+
+// Function to verify if URL is valid
+const isUrlValid = (url: string): boolean => {
+  try {
+    new URL(url);
+    return true;
+  } catch (error) {
+    return false;
+  }
+};

src/custom/Helpers/UrlValidator/index.tsx

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

src/custom/Helpers/readme.md

@@ -58,3 +58,9 @@ 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 `validateImageUrl` hook, which allows you to validate image URLs.
+   - **Returns**: An object containing the validation state and a function for updating the validation state.

src/custom/index.tsx

@@ -14,6 +14,7 @@ import {
 import { FlipCard } from './FlipCard';
 import { useWindowDimensions } from './Helpers/Dimension';
 import { useNotificationHandler } from './Helpers/Notification';
+import { validateImageUrl } from './Helpers/UrlValidator';
 import PopperListener, { IPopperListener } from './PopperListener';
 import ResponsiveDataTable from './ResponsiveDataTable';
 import SearchBar, { SearchBarProps } from './SearchBar';
@@ -36,6 +37,7 @@ export {
   UniversalFilter,
   useNotificationHandler,
   useWindowDimensions,
+  validateImageUrl,
   withErrorBoundary,
   withSuppressedErrorBoundary
 };