Qubasa-Qubasa-main (#262)

UI: Connected UI to API

pkgs/ui/src/components/table/searchBar.tsx

@@ -1,34 +1,15 @@
 "use client";
 
-import {
-  SetStateAction,
-  Dispatch,
-  useState,
-  useEffect,
-  useRef,
-  useMemo,
-  ClassAttributes,
-  JSX,
-  Key,
-  LiHTMLAttributes,
-} from "react";
+import { SetStateAction, Dispatch, useState, useEffect, useMemo } from "react";
 import IconButton from "@mui/material/IconButton";
-import Tooltip from "@mui/material/Tooltip";
 import SearchIcon from "@mui/icons-material/Search";
 import { useDebounce } from "../hooks/useDebounce";
-import { TableData } from "@/data/nodeData";
-import {
-  Autocomplete,
-  Box,
-  Container,
-  InputAdornment,
-  Stack,
-  TextField,
-} from "@mui/material";
+import { Autocomplete, InputAdornment, TextField } from "@mui/material";
+import { Machine } from "@/api/model/machine";
 
 export interface SearchBarProps {
-  tableData: TableData[];
-  setFilteredList: Dispatch<SetStateAction<TableData[]>>;
+  tableData: readonly Machine[];
+  setFilteredList: Dispatch<SetStateAction<readonly Machine[]>>;
 }
 
 export function SearchBar(props: SearchBarProps) {
@@ -52,7 +33,7 @@ export function SearchBar(props: SearchBarProps) {
 
   useEffect(() => {
     if (debouncedSearch) {
-      const filtered: TableData[] = tableData.filter((row) => {
+      const filtered: Machine[] = tableData.filter((row) => {
         return row.name.toLowerCase().includes(debouncedSearch.toLowerCase());
       });
       setFilteredList(filtered);