From d2bba6f59d3a55eb0f76ab1c6575eaa1d07b8486 Mon Sep 17 00:00:00 2001
From: lng2020 <nanguanlin6@gmail.com>
Date: Sat, 25 Jan 2025 22:43:24 -0600
Subject: [PATCH] fix

---
 .../Reports/LostTime/LostTimeHistory.jsx           |  1 +
 .../Reports/PeopleReport/PeopleReport.jsx          |  1 +
 src/components/Reports/PeopleTableDetails.jsx      |  1 +
 .../Reports/ReportFilter/ReportFilter.jsx          | 14 ++++----------
 src/components/Reports/TasksTable/TasksTable.jsx   |  3 ---
 src/components/Reports/TeamTable.jsx               |  7 ++++---
 src/components/Reports/WbsTable/WbsTable.jsx       |  3 +--
 7 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/components/Reports/LostTime/LostTimeHistory.jsx b/src/components/Reports/LostTime/LostTimeHistory.jsx
index 2b746b5821..2741e7fe73 100644
--- a/src/components/Reports/LostTime/LostTimeHistory.jsx
+++ b/src/components/Reports/LostTime/LostTimeHistory.jsx
@@ -120,6 +120,7 @@ function LostTimeHistory(props) {
               isTangible={entry.isTangible}
               entryType={entry.entryType}
               allData={props.allData}
+              // eslint-disable-next-line no-use-before-define
               reload={reload}
               darkMode={darkMode}
             />
diff --git a/src/components/Reports/PeopleReport/PeopleReport.jsx b/src/components/Reports/PeopleReport/PeopleReport.jsx
index e2ebfc60be..cc6224add8 100644
--- a/src/components/Reports/PeopleReport/PeopleReport.jsx
+++ b/src/components/Reports/PeopleReport/PeopleReport.jsx
@@ -1,3 +1,4 @@
+/* eslint-disable no-nested-ternary */
 import { Component } from 'react';
 import '../../Teams/Team.css';
 import './PeopleReport.css';
diff --git a/src/components/Reports/PeopleTableDetails.jsx b/src/components/Reports/PeopleTableDetails.jsx
index b12ef96307..b8d85197fa 100644
--- a/src/components/Reports/PeopleTableDetails.jsx
+++ b/src/components/Reports/PeopleTableDetails.jsx
@@ -327,6 +327,7 @@ function PeopleTableDetails(props) {
       </div>
       <div className="people-table">
         {filteredTasks.map(value => (
+          // eslint-disable-next-line react/no-unstable-nested-components
           <NewModal header="Task info" trigger={() => <> {(windowWidth <= 1020) ? renderMobileFilteredTask(value) : renderFilteredTask(value)}</>}>
             <div>Why This Task is important</div>
             <textarea className="rectangle" type="text" value={value.whyInfo} />
diff --git a/src/components/Reports/ReportFilter/ReportFilter.jsx b/src/components/Reports/ReportFilter/ReportFilter.jsx
index 1a9e0a8d71..9b5c7070fb 100644
--- a/src/components/Reports/ReportFilter/ReportFilter.jsx
+++ b/src/components/Reports/ReportFilter/ReportFilter.jsx
@@ -4,17 +4,16 @@ import ReportTableSearchPanel from '../ReportTableSearchPanel';
 class ReportFilter extends Component {
   constructor(props) {
     super(props);
-    this.state = {
-      wildCardSearchText: '',
-      teamNameSearchText: '',
-    };
-
     this.setActive = this.setActive.bind(this);
     this.setInActive = this.setInActive.bind(this);
     this.setAll = this.setAll.bind(this);
     this.onWildCardSearch = this.onWildCardSearch.bind(this);
   }
 
+  onWildCardSearch(searchText) {
+    this.props.onWildCardSearch(searchText);
+  }
+
   setActive() {
     this.props.setFilterStatus('true');
   }
@@ -27,11 +26,6 @@ class ReportFilter extends Component {
     this.props.setFilterStatus('');
   }
 
-  onWildCardSearch(searchText) {
-    this.setState({ wildCardSearchText: searchText });
-    this.props.onWildCardSearch(searchText);
-  }
-
   render() {
     return (
       <div>
diff --git a/src/components/Reports/TasksTable/TasksTable.jsx b/src/components/Reports/TasksTable/TasksTable.jsx
index 26cb7d17bf..7f1ac57be5 100644
--- a/src/components/Reports/TasksTable/TasksTable.jsx
+++ b/src/components/Reports/TasksTable/TasksTable.jsx
@@ -3,11 +3,8 @@
 /* eslint-disable camelcase */
 /* eslint-disable import/prefer-default-export */
 import { useState, useEffect, useRef } from 'react';
-import { useSelector } from 'react-redux';
 import '../../Teams/Team.css';
 import 'react-datepicker/dist/react-datepicker.css';
-// eslint-disable-next-line import/order
-import { getTasksTableData } from './selectors';
 import './TasksTable.css';
 import Select from 'react-select';
 import { Checkbox } from 'components/common/Checkbox';
diff --git a/src/components/Reports/TeamTable.jsx b/src/components/Reports/TeamTable.jsx
index ef6d2c62ce..07c2cb81b1 100644
--- a/src/components/Reports/TeamTable.jsx
+++ b/src/components/Reports/TeamTable.jsx
@@ -8,19 +8,20 @@ import hasPermission from 'utils/permissions';
 import { updateTeam } from 'actions/allTeamsAction';
 import { boxStyle, boxStyleDark } from 'styles';
 
-function TeamTable({ allTeams, auth, hasPermission, darkMode }) {
+function TeamTable({ allTeams, auth, darkMode }) {
   // Display project lists
   let TeamsList = [];
   const canEditTeamCode = hasPermission('editTeamCode') || auth.user.role === 'Owner';
 
+  // eslint-disable-next-line react/no-unstable-nested-components
   function EditTeamCode({team}) {
 
     const [teamCode, setTeamCode] = useState(team.teamCode);
     const [hasError, setHasError] = useState(false);
     const fullCodeRegex = /^.{5,7}$/;
 
-    const handleOnChange = (value, team) => {
-      updateTeam(team.teamName, team._id, team.isActive, value);
+    const handleOnChange = (value, teamData) => {
+      updateTeam(teamData.teamName, teamData._id, teamData.isActive, value);
     };
   
     const handleCodeChange = e => {
diff --git a/src/components/Reports/WbsTable/WbsTable.jsx b/src/components/Reports/WbsTable/WbsTable.jsx
index 48c30fdf3a..58db1981a0 100644
--- a/src/components/Reports/WbsTable/WbsTable.jsx
+++ b/src/components/Reports/WbsTable/WbsTable.jsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { Stub } from "components/common/Stub";
 import "./WbsTable.css";
 import CopyToClipboard from 'components/common/Clipboard/CopyToClipboard';
@@ -24,7 +23,7 @@ export function WbsTable({ wbs, skip, take, match, canViewWBS, darkMode }) {
         <div className="projects__active--input">
           {item.isActive ? (
             <div className="isActive">
-              <i className="fa fa-circle" aria-hidden="true"></i>
+              <i className="fa fa-circle" aria-hidden="true" />
             </div>
           ) : (
             <div className="isNotActive">