Add type to icon in delete popup

TritonSE · May 27, 2024 · a3dbca8 · a3dbca8
1 parent fe9297b
commit a3dbca8
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/admin-portal-frontend/src/app/components/DeletePopup.tsx b/admin-portal-frontend/src/app/components/DeletePopup.tsx
@@ -2,6 +2,11 @@ import React from "react";
 
 import CloseIcon from "../icons/close.svg";
 
+type IconProps = {
+  'content-type': string,
+  src: string
+}
+
 type DeleteConfirmationPopupProps = {
   onDelete: () => void;
   onCancel: () => void;
@@ -15,7 +20,7 @@ const DeleteConfirmationPopup: React.FC<DeleteConfirmationPopupProps> = ({
     <div className="fixed top-0 left-0 w-full h-full flex items-center justify-center bg-gray-800 bg-opacity-50 z-50">
       <div className="bg-white w-11/12 sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-2/5 p-8 rounded-md shadow-md flex flex-col justify-center">
         <button className="flex justify-end mb-4" onClick={onCancel}>
-          <img src={CloseIcon?.src as string} alt="Close" className="w-4 h-4" />
+          <img src={(CloseIcon as IconProps).src} alt="Close" className="w-4 h-4" />
         </button>
         <div className="text-center">
           <h1 className="text-xl sm:text-2xl text-[#182B49] font-bold">