hide relase date coumen when active employee and modified column name of role to project role

src/components/Project/Teams.jsx

@@ -24,7 +24,8 @@ const Teams = ({ project }) => {
   const [filteredEmployees, setFilteredEmployees] = useState([]);
   const [removingEmployeeId, setRemovingEmployeeId] = useState(null);
   const [assignedLoading, setAssignedLoading] = useState(false);
-  const [employeeLodaing, setEmployeeLoading] = useState(false);
+  const [ employeeLodaing, setEmployeeLoading ] = useState( false );
+  const [activeEmployee,setActiveEmployee] = useState(true)
 
   const navigate = useNavigate();
 
@@ -129,10 +130,13 @@ const Teams = ({ project }) => {
 
   const handleFilterEmployee = (e) => {
     const filterValue = e.target.value;
-    if (filterValue === "true") {
+    if ( filterValue === "true" )
+    {
+      setActiveEmployee(true)
       setFilteredEmployees(employees.filter((emp) => emp.isActive));
     } else {
-      setFilteredEmployees(employees.filter((emp) => !emp.isActive));
+      setFilteredEmployees( employees.filter( ( emp ) => !emp.isActive ) );
+      setActiveEmployee(false)
     }
   };
 
@@ -200,8 +204,8 @@ const Teams = ({ project }) => {
                   <tr>
                     <th>Name</th>
                     <th>Assigned Date</th>
-                    <th>Release Date</th>
+               {!activeEmployee && <th>Release Date</th>}
-                    <th>Role</th>
+                    <th>Project Role</th>
                     <th>Actions</th>
                   </tr>
                 </thead>
@@ -236,13 +240,13 @@ const Teams = ({ project }) => {
                             "DD-MMM-YYYY"
                           )}{" "}
                         </td>
-                        <td>
+                        {!activeEmployee && <td>
                           {item.reAllocationDate
                             ? moment(item.reAllocationDate).format(
                                 "DD-MMM-YYYY"
                               )
                             : "Present"}
-                        </td>
+                        </td>}
                         <td>
                           <span className="badge bg-label-primary me-1">
                             {getRole(item.jobRoleId)}