diff --git a/src/App.js b/src/App.js index 4046c32..e4968de 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from "react"; +import React, { useState } from "react"; import { ThemeProvider } from "@material-ui/core/styles"; import clsx from "clsx"; import { Box, makeStyles, Paper } from "@material-ui/core"; @@ -7,7 +7,6 @@ import ItemTableAppBar from "./components/ItemTableAppBar/"; import ItemTable from "./components/ItemTable/"; import ItemViewAppBar from "./components/ItemViewAppBar/"; import ItemView from "./components/ItemView/"; -import ItemTable_ReactTable from "./components/ItemTable/ItemTable-ReactTable"; function App(){ const [darkMode, setDarkMode] = useState(false); @@ -56,8 +55,7 @@ function App(){ - {/* */} - + diff --git a/src/components/ItemTable/ItemTable.js b/src/components/ItemTable/ItemTable.js index da29830..05a054d 100644 --- a/src/components/ItemTable/ItemTable.js +++ b/src/components/ItemTable/ItemTable.js @@ -1,9 +1,9 @@ -import React, { useState, useEffect, useMemo } from "react"; -import { useTable, useFilters, useBlockLayout,useFlexLayout } from "react-table"; +import React, { useState, useEffect } from "react"; +import { useTable, useFilters, useFlexLayout } from "react-table"; import { Table, TableBody, TableCell, TableHead, TableRow, TableContainer, Paper } from "@material-ui/core"; import ItemTableFilter from "../ItemTableFilter/" -export default function ItemTable_ReactTable() { +export default function ItemTable() { const [data, setData] = useState([]); useEffect(() => { @@ -14,8 +14,8 @@ export default function ItemTable_ReactTable() { const columns = React.useMemo( () => [ - { Header: 'Queue', accessor: 'queue', }, - { Header: 'Item #', accessor: 'number'}, + { Header: 'Queue', accessor: 'queue', }, + { Header: 'Item #', accessor: 'number' }, { Header: 'Assigned To', accessor: 'assignedTo' }, { Header: 'Subject', accessor: 'subject' }, { Header: 'Status', accessor: 'status', }, @@ -36,10 +36,10 @@ export default function ItemTable_ReactTable() { columns, data, defaultColumn: { - Filter: ({ column: { Header, setFilter }}) => { - return( + Filter: ({ column: { Header, setFilter } }) => { + return ( setFilter(event.target.value)} /> );