Remove Staff type and use StaffResult

src/app/(main)/staff/create/page.tsx

@@ -25,7 +25,6 @@ import {
 import { CreateProjectInputs, saveProject } from "@/app/api/projects/actions";
 import { Error } from "@mui/icons-material";
 import { ProjectCategory } from "@/app/api/projects";
-import { Staff } from "@/app/api/staff";
 import { Grid, Typography } from "@mui/material";
 import CreateStaffForm from "@/components/CreateStaff/CreateStaffForm";
 

src/app/api/staff/index.ts

@@ -3,15 +3,6 @@ import { BASE_API_URL } from "@/config/api";
 import { cache } from "react";
 import "server-only";
 
-export interface Staff {
-  id: number;
-  name: string;
-  staffId: string;
-  team: {
-    name: string;
-    code: string;
-  };
-}
 export interface StaffResult {
   id: number;
   name: string;
@@ -31,11 +22,10 @@ export interface searchInput {
 
 export const preloadTeamLeads = () => {
   fetchTeamLeads();
-  // fetchStaff();
 };
 
 export const fetchTeamLeads = cache(async () => {
-  return serverFetchJson<Staff[]>(`${BASE_API_URL}/staffs/teamLeads`, {
+  return serverFetchJson<StaffResult[]>(`${BASE_API_URL}/staffs/teamLeads`, {
     next: { tags: ["teamLeads"] },
   });
 });

src/components/CreateCustomer/CreateCustomer.tsx

@@ -20,7 +20,6 @@ import {
 import { CreateProjectInputs, saveProject } from "@/app/api/projects/actions";
 import { Error } from "@mui/icons-material";
 import { ProjectCategory } from "@/app/api/projects";
-import { Staff } from "@/app/api/staff";
 import { Typography } from "@mui/material";
 import { CustomerFormInputs, saveCustomer } from "@/app/api/customer/actions";
 import CustomerDetails from "./CustomerDetails";

src/components/CreateDepartment/CreateDepartment.tsx

@@ -20,7 +20,6 @@ import {
 import { CreateDepartmentInputs, saveDepartment } from "@/app/api/departments/actions";
 import { Error } from "@mui/icons-material";
 import { ProjectCategory } from "@/app/api/projects";
-import { Staff } from "@/app/api/staff";
 import { Typography } from "@mui/material";
 import DepartmentDetails from "./DepartmentDetails";
 

src/components/CreateDepartment/DepartmentDetails.tsx

@@ -17,7 +17,6 @@ import RestartAlt from "@mui/icons-material/RestartAlt";
 import Button from "@mui/material/Button";
 import { Controller, useFormContext } from "react-hook-form";
 import { CreateDepartmentInputs } from "@/app/api/departments/actions";
-import { Staff } from "@/app/api/staff";
 
 const DepartmentDetails: React.FC = ({
 }) => {

src/components/CreatePosition/CreatePosition.tsx

@@ -20,7 +20,6 @@ import {
 import { CreatePositionInputs, savePosition } from "@/app/api/positions/actions";
 import { Error } from "@mui/icons-material";
 import { ProjectCategory } from "@/app/api/projects";
-import { Staff } from "@/app/api/staff";
 import { Typography } from "@mui/material";
 import PositionDetails from "./PositionDetails";
 

src/components/CreatePosition/PositionDetails.tsx

@@ -17,7 +17,6 @@ import RestartAlt from "@mui/icons-material/RestartAlt";
 import Button from "@mui/material/Button";
 import { Controller, useFormContext } from "react-hook-form";
 import { CreatePositionInputs } from "@/app/api/positions/actions";
-import { Staff } from "@/app/api/staff";
 
 const PositionDetails: React.FC = ({
 }) => {

src/components/CreateProject/CreateProject.tsx

@@ -24,14 +24,14 @@ import {
 import { CreateProjectInputs, saveProject } from "@/app/api/projects/actions";
 import { Error } from "@mui/icons-material";
 import { ProjectCategory } from "@/app/api/projects";
-import { Staff } from "@/app/api/staff";
+import { StaffResult } from "@/app/api/staff";
 import { Typography } from "@mui/material";
 
 export interface Props {
   allTasks: Task[];
   projectCategories: ProjectCategory[];
   taskTemplates: TaskTemplate[];
-  teamLeads: Staff[];
+  teamLeads: StaffResult[];
 }
 
 const hasErrorsInTab = (

src/components/CreateProject/ProjectClientDetails.tsx

@@ -18,12 +18,12 @@ import Button from "@mui/material/Button";
 import { Controller, useFormContext } from "react-hook-form";
 import { CreateProjectInputs } from "@/app/api/projects/actions";
 import { ProjectCategory } from "@/app/api/projects";
-import { Staff } from "@/app/api/staff";
+import { StaffResult } from "@/app/api/staff";
 
 interface Props {
   isActive: boolean;
   projectCategories: ProjectCategory[];
-  teamLeads: Staff[];
+  teamLeads: StaffResult[];
 }
 
 const ProjectClientDetails: React.FC<Props> = ({
@@ -99,7 +99,7 @@ const ProjectClientDetails: React.FC<Props> = ({
                     <Select label={t("Team Lead")} {...field}>
                       {teamLeads.map((staff, index) => (
                         <MenuItem key={`${staff.id}-${index}`} value={staff.id}>
-                          {`${staff.staffId} - ${staff.name} (${staff.team.code})`}
+                          {`${staff.staffId} - ${staff.name} (${staff.team})`}
                         </MenuItem>
                       ))}
                     </Select>