Merge pull request #57 from DomPSU/refactor-transaction

delete unused code and dependencies from transaction files

Author: yanlifang

CS361.code-workspace

@@ -1,26 +1,17 @@
 import React, { useEffect, useState } from 'react';
 import ReactLoading from 'react-loading';
-import { includes } from 'lodash';
 import API from '../../apis/API'; // library for AJAX functions
 import Header, { HeaderPadding } from '../Navigation/Header';
 import TransactionListItem from './TransactionListItem';
-import ProductList from '../Product/ProductList';
 import './Transaction.css';
 
 function TransactionList() {
   const [transactions, setTransactions] = useState([]);
-  const [transactionData, setTransactionData] = useState([]);
   const [loading, setLoading] = useState(true);
-  const [searchTerm, setSearchTerm] = useState('');
-
-  const onInputChange = (e) => {
-    setSearchTerm(e.target.value);
-  };
 
   useEffect(() => {
     API.instance.get('/transaction').then((res) => {
       setTransactions(res.data);
-      setTransactionData(res.data);
       setLoading(false);
     });
   }, []);

src/components/Transaction/TransactionList.jsx

@@ -4,7 +4,7 @@ import { Card, CardGroup } from 'react-bootstrap';
 import { capitalize } from 'lodash';
 
 export default function TransactionListItem({ transaction: propTransaction }) {
-  const [transaction, setTransaction] = useState(propTransaction);
+  const [transaction] = useState(propTransaction);
 
   return (
     <CardGroup className="TransactionListItem">