feat: get active employees for most cases

src/components/common/FormAccountWithRateList/index.tsx

@@ -2,7 +2,8 @@ import { Icon } from '@iconify/react'
 import { Form, FormInstance, Input, SelectProps } from 'antd'
 import { Rule } from 'antd/lib/form'
 import { Permission } from 'constants/permission'
-import { client, GET_PATHS } from 'libs/apis'
+import { EmployeeStatus } from 'constants/status'
+import { GET_PATHS, client } from 'libs/apis'
 import { useEffect } from 'react'
 import { NumericFormat } from 'react-number-format'
 import { fullListPagination } from 'types/filters/Pagination'
@@ -23,6 +24,10 @@ interface Props {
 const employeeOptionGetter = async () => {
   const { data } = await client.getEmployees({
     ...fullListPagination,
+    // Only get active employees
+    workingStatuses: Object.values(EmployeeStatus).filter(
+      (status) => status !== EmployeeStatus.LEFT,
+    ),
   })
   return (data || []).map(transformEmployeeDataToSelectOption)
 }

src/components/pages/employees/EmployeeForm.tsx

@@ -14,7 +14,7 @@ import { renderEmployeeOption } from 'components/common/Select/renderers/employe
 import { renderStatusOption } from 'components/common/Select/renderers/statusOption'
 import { SELECT_BOX_DATE_FORMAT, SERVER_DATE_FORMAT } from 'constants/date'
 import { ROUTES } from 'constants/routes'
-import { employeeStatuses } from 'constants/status'
+import { EmployeeStatus, employeeStatuses } from 'constants/status'
 import { client, GET_PATHS } from 'libs/apis'
 import { useRouter } from 'next/router'
 import { useState, useEffect } from 'react'
@@ -320,6 +320,10 @@ export const EmployeeForm = (props: Props) => {
                 optionGetter={async () => {
                   const { data } = await client.getEmployees({
                     ...fullListPagination,
+                    // Only get active employees
+                    workingStatuses: Object.values(EmployeeStatus).filter(
+                      (status) => status !== EmployeeStatus.LEFT,
+                    ),
                   })
                   return data?.map(transformEmployeeDataToSelectOption) || []
                 }}

src/components/pages/employees/detail/EditGeneralInfoModal.tsx

@@ -29,6 +29,7 @@ import { SELECT_BOX_DATE_FORMAT, SERVER_DATE_FORMAT } from 'constants/date'
 import { renderOrganizationOption } from 'components/common/Select/renderers/organizationOption'
 import { useFetchWithCache } from 'hooks/useFetchWithCache'
 import { theme } from 'styles'
+import { EmployeeStatus } from 'constants/status'
 
 type FormValues = Partial<
   Omit<RequestUpdateEmployeeGeneralInfoInput, 'joinedDate' | 'leftDate'>
@@ -212,6 +213,10 @@ export const EditGeneralInfoModal = (props: Props) => {
                 optionGetter={async () => {
                   const { data } = await client.getEmployees({
                     ...fullListPagination,
+                    // Only get active employees
+                    workingStatuses: Object.values(EmployeeStatus).filter(
+                      (status) => status !== EmployeeStatus.LEFT,
+                    ),
                   })
                   return (data || []).map(transformEmployeeDataToSelectOption)
                 }}
@@ -267,6 +272,10 @@ export const EditGeneralInfoModal = (props: Props) => {
                 optionGetter={async () => {
                   const { data } = await client.getEmployees({
                     ...fullListPagination,
+                    // Only get active employees
+                    workingStatuses: Object.values(EmployeeStatus).filter(
+                      (status) => status !== EmployeeStatus.LEFT,
+                    ),
                   })
                   return data?.map(transformEmployeeDataToSelectOption) || []
                 }}

src/components/pages/projects/detail/Member/MemberForm/index.tsx

@@ -12,7 +12,11 @@ import {
   transformMetadataToSelectOption,
 } from 'utils/select'
 import { DeploymentType, deploymentTypes } from 'constants/deploymentTypes'
-import { ProjectMemberStatus, projectMemberStatuses } from 'constants/status'
+import {
+  EmployeeStatus,
+  ProjectMemberStatus,
+  projectMemberStatuses,
+} from 'constants/status'
 import { renderEmployeeOption } from 'components/common/Select/renderers/employeeOption'
 import { FormInstance } from 'antd/es/form/Form'
 import { useEffect } from 'react'
@@ -71,6 +75,10 @@ export const MemberForm = (props: Props) => {
       () =>
         client.getEmployees({
           ...fullListPagination,
+          // Only get active employees
+          workingStatuses: Object.values(EmployeeStatus).filter(
+            (status) => status !== EmployeeStatus.LEFT,
+          ),
         }),
     )
 

src/pages/employees/index.tsx

@@ -51,7 +51,7 @@ const Default = () => {
   const queryFilter = query.filter ? JSON.parse(query.filter as string) : {}
 
   const { permissions } = useAuthContext()
-  const canFilterStatus = permissions.includes(
+  const canFilterAllStatuses = permissions.includes(
     Permission.EMPLOYEES_READ_FILTERBYALLSTATUSES,
   )
 
@@ -159,7 +159,9 @@ const Default = () => {
         filteredValue: filter.workingStatuses,
         filters: Object.keys(employeeStatuses)
           .filter(
-            (key) => canFilterStatus || (!canFilterStatus && key !== 'left'),
+            (key) =>
+              canFilterAllStatuses ||
+              (!canFilterAllStatuses && key !== EmployeeStatus.LEFT),
           )
           .map((key) => {
             return {
@@ -431,7 +433,7 @@ const Default = () => {
       permission && !permissions.includes(permission) ? [] : [col],
     )
   }, [
-    canFilterStatus,
+    canFilterAllStatuses,
     filter,
     positions,
     projects,