From ff6e267005017fbec9ace8395ead66c65b778358 Mon Sep 17 00:00:00 2001
From: VineetBala-AOT <vineet.balachandran@aot-technologies.com>
Date: Tue, 4 Feb 2025 14:05:26 -0800
Subject: [PATCH] replacing string with constants

---
 submit-web/src/components/Filters/SearchFilter.tsx            | 4 +++-
 .../src/routes/proponent/_proponentLayout/projects/index.tsx  | 3 ++-
 submit-web/src/routes/staff/_staffLayout/projects/index.tsx   | 3 ++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/submit-web/src/components/Filters/SearchFilter.tsx b/submit-web/src/components/Filters/SearchFilter.tsx
index 0f06fce7..010e2c73 100644
--- a/submit-web/src/components/Filters/SearchFilter.tsx
+++ b/submit-web/src/components/Filters/SearchFilter.tsx
@@ -3,6 +3,7 @@ import { InputAdornment, IconButton, TextField } from "@mui/material";
 import { Search, Clear } from "@mui/icons-material";
 import { useProjectFilters } from "./projectFilterStore";
 import { BCDesignTokens } from "epic.theme";
+import { USER_TYPE } from "@/models/User";
 
 export const SearchFilter = ({userType}: {userType: string;}) => {
   const { filters, setFilters } = useProjectFilters();
@@ -27,7 +28,8 @@ export const SearchFilter = ({userType}: {userType: string;}) => {
     <TextField
       fullWidth
       variant="outlined"
-      placeholder={userType === "proponent"? "Search Submissions" : "Search Projects/Submissions by Name"}
+      placeholder={userType === USER_TYPE.PROPONENT
+        ? "Search Submissions" : "Search Projects/Submissions by Name"}
       value={searchText}
       onChange={handleChange}
       onKeyDown={handleKeyDown}
diff --git a/submit-web/src/routes/proponent/_proponentLayout/projects/index.tsx b/submit-web/src/routes/proponent/_proponentLayout/projects/index.tsx
index f0798292..8c37293f 100644
--- a/submit-web/src/routes/proponent/_proponentLayout/projects/index.tsx
+++ b/submit-web/src/routes/proponent/_proponentLayout/projects/index.tsx
@@ -9,6 +9,7 @@ import { notify } from "@/components/Shared/Snackbar/snackbarStore";
 import { PageGrid } from "@/components/Shared/PageGrid";
 import ProjectFilters from "@/components/Filters/ProjectFilters";
 import { useProjectFilters } from "@/components/Filters/projectFilterStore";
+import { USER_TYPE } from "@/models/User";
 
 export const Route = createFileRoute(
   "/proponent/_proponentLayout/projects/",
@@ -42,7 +43,7 @@ export function ProjectsPage() {
   return (
     <PageGrid>
       <Grid item xs={12}>
-        <ProjectFilters userType='proponent'/>
+        <ProjectFilters userType={USER_TYPE.PROPONENT}/>
         <If condition={isProjectsLoading}>
           <Then>
             <ProjectsSkeleton />
diff --git a/submit-web/src/routes/staff/_staffLayout/projects/index.tsx b/submit-web/src/routes/staff/_staffLayout/projects/index.tsx
index 4f82e8a5..a34635b6 100644
--- a/submit-web/src/routes/staff/_staffLayout/projects/index.tsx
+++ b/submit-web/src/routes/staff/_staffLayout/projects/index.tsx
@@ -8,6 +8,7 @@ import { Grid } from "@mui/material";
 import { createFileRoute, Navigate } from "@tanstack/react-router";
 import { useEffect } from "react";
 import { Else, If, Then } from "react-if";
+import { USER_TYPE } from "@/models/User";
 
 export const Route = createFileRoute("/staff/_staffLayout/projects/")({
   component: ProjectsPage,
@@ -37,7 +38,7 @@ function ProjectsPage() {
   return (
     <PageGrid>
       <Grid item xs={12}>
-        <ProjectFilters userType='staff'/>
+        <ProjectFilters userType={USER_TYPE.STAFF}/>
         <If condition={isProjectsLoading}>
           <Then>
             <ProjectsSkeleton />