diff --git a/src/interfaces/user.ts b/src/interfaces/user.ts index c2007e42..c7f68f43 100644 --- a/src/interfaces/user.ts +++ b/src/interfaces/user.ts @@ -24,3 +24,4 @@ export interface Stat { } export type Type = "student" | "teacher" | "admin" | "owner" | "developer"; +export const userTypes: Type[] = ["student", "teacher", "admin", "owner", "developer"]; diff --git a/src/pages/users.tsx b/src/pages/users.tsx index a3d0bc71..bc0df77f 100644 --- a/src/pages/users.tsx +++ b/src/pages/users.tsx @@ -9,7 +9,7 @@ import {FilterMatchMode, FilterOperator} from "primereact/api"; import useUsers from "@/hooks/useUsers"; import {DataTable} from "primereact/datatable"; import {Column} from "primereact/column"; -import _ from "lodash"; +import {capitalize} from "lodash"; import {levelCalculator} from "@/resources/level"; import {Dropdown} from "primereact/dropdown"; @@ -45,7 +45,7 @@ export default function Users({user}: {user: User}) { return ( _.capitalize(x))} + options={userTypes.map(capitalize)} onChange={(e) => options.filterApplyCallback(e.value)} placeholder="Select One" className="p-column-filter" @@ -93,7 +93,7 @@ export default function Users({user}: {user: User}) { filterElement={typeRowFilterTemplate} sortable header="Type" - body={(data: User) => _.capitalize(data.type)} + body={(data: User) => capitalize(data.type)} />