Move types to universal types file

src/pages/benchmarks/index.tsx

@@ -11,24 +11,23 @@ import { useState } from "react";
 import $button from "../../components/design_system/button/Button.module.css";
 import noBenchmarks from "../../public/img/no-benchmarks.png";
 import SearchIcon from "@mui/icons-material/Search";
-
-type SortProperty = "first_name";
-type SortDirection = "asc" | "desc";
+import { SortDirection, SortProperty } from "@/types/global";
 
 function Benchmarks() {
   const [isPara, setIsPara] = useState(false);
 
   const [sortProperty, setSortProperty] = useState<SortProperty>("first_name");
   const [sortDirection, setSortDirection] = useState<SortDirection>("asc");
 
-  const { data: tasksData, isLoading, error } = trpc.para.getMyTasks.useQuery();
+  const { data: tasksData, isLoading } = trpc.para.getMyTasks.useQuery();
 
   const handleTogglePara = () => {
     setIsPara(!isPara);
   };
 
   const getSortedTasks = () => {
     if (!tasksData) return [];
+
     return [...tasksData].sort((a, b) => {
       if (a[sortProperty] < b[sortProperty])
         return sortDirection === "asc" ? -1 : 1;

src/types/global.ts

@@ -4,3 +4,6 @@ export type Goal = SelectableForTable<"goal">;
 export type Benchmark = SelectableForTable<"benchmark">;
 export type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
 export type FormEvent = React.FormEvent<HTMLFormElement>;
+
+export type SortProperty = "first_name";
+export type SortDirection = "asc" | "desc";