Continue Suggested Task

src/components/FamilyAcc/FamilyPopout/forms/NewTasks.jsx

@@ -1,9 +1,8 @@
 import React, { useEffect, useState } from "react";
 import usersService from "../../../../services/UsersService";
 import InputCom from "../../../Helpers/Inputs/InputCom";
-import debounce from "../../../../hooks/debounce";
 
-const DEFAULT_IMAGE = require("../../../../assets/images/taskbanners/default.jpg");
+// const DEFAULT_IMAGE =
 export default function NewTasks({ formState, setFormState }) {
   let [currency, setCurrency] = useState({
     loading: true,
@@ -11,6 +10,9 @@ export default function NewTasks({ formState, setFormState }) {
     data: null,
   });
 
+  const selectImage = require(`../../../../assets/images/taskbanners/${
+    formState.banner || "default.jpg"
+  }`);
   const ApiCall = new usersService();
 
   // FUNCTION TO GET Currency
@@ -47,7 +49,7 @@ export default function NewTasks({ formState, setFormState }) {
   }, []);
 
   return (
-    <form className="w-full flex justify-between items-center">
+    <form className="w-full flex justify-between items-start">
       <div className="flex flex-col gap-3 max-w-[77%]">
         {/* inputs starts here */}
         <div className="grid md:grid-cols-3 grid-cols-1 gap-6 mb-[5px]">
@@ -207,7 +209,7 @@ export default function NewTasks({ formState, setFormState }) {
       <div className="max-w-[20%] w-full">
         <div className="h-32 w-full">
           <img
-            src={DEFAULT_IMAGE}
+            src={selectImage}
             alt="task_banner_img"
             className="w-full h-full object-contain"
           />