Completed conversion to popup

src/components/MyWallet/Popup/CreditPopup.jsx

@@ -7,8 +7,9 @@ import usersService from "../../../services/UsersService";
 import Icons from "../../Helpers/Icons";
 import AddFund from "../AddFund";
 import ModalCom from "../../Helpers/ModalCom";
+import AddFundPop from "../AddFundPop";
 
-const CreditPopup = ({ details, onClose, situation}) => {
+const CreditPopup = ({ details, onClose, situation }) => {
   const { pathname, state } = useLocation();
   const [submitTask, setSubmitTask] = useState({
     loading: false,
@@ -33,10 +34,14 @@ const CreditPopup = ({ details, onClose, situation}) => {
   };
 
   return (
-    <ModalCom action={onClose} situation={situation}>
+    <ModalCom
+      action={onClose}
+      situation={situation}
+      className="assign-task-popup"
+    >
       <div className="logout-modal-wrapper lw-[90%] md:w-[768px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
         <div className="logout-modal-header w-full flex items-center justify-between lg:p-6 px-[30px] py-[23px] border-b dark:border-[#5356fb29]  border-light-purple">
-          <h1 className="text-base md:text-lg font-bold text-dark-gray dark:text-white tracking-wide">
+          <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
             Add Credit
           </h1>
           <button
@@ -65,8 +70,8 @@ const CreditPopup = ({ details, onClose, situation}) => {
             </svg>
           </button>
         </div>
-        <div className="logout-modal-body w-full flex flex-col items-center px-10 py-8">
-          <AddFund payment={details} />
+        <div className="logout-modal-body w-full flex flex-col items-center">
+          <AddFundPop _payment={details} />
         </div>
       </div>
     </ModalCom>