Add purchase and restock reports

Author: duanegoodner

src/components/Navigation/Navigation.jsx

@@ -51,7 +51,7 @@ export default function Navigation({ children }) {
           to="/transaction-stats"
           activeClassName="NavigationLinkActive"
         >
-          Transaction Analysis
+          Transaction Statistics & Reports
         </NavLink>
 
         <NavLink

src/components/Transaction/TransactionStats.jsx

@@ -43,6 +43,8 @@ function TransactionStats() {
     });
   }, []);
 
+  console.log(transactions);
+
   const salesInRange = dataUtil.getSalesInRange(
     transactions,
     startDate,
@@ -51,12 +53,24 @@ function TransactionStats() {
 
   const incomeByDay = dataUtil.getIncomeByDay(salesInRange);
 
+  const purchasesInRange = dataUtil.getPurchasesInRange(
+    transactions,
+    startDate,
+    endDate,
+  );
+
+  const restocksInRange = dataUtil.getRestocksInRange(
+    transactions,
+    startDate,
+    endDate,
+  );
+
   const renderPlot = () => {
     if (loading) return <ReactLoading color="#e26d5c" />;
     if (incomeByDay.length > 0)
       return (
         <div>
-          <h3>Net Income vs. Date</h3>
+          <h3>Income vs. Date</h3>
           <LineChart width={600} height={400} data={incomeByDay}>
             <CartesianGrid strokeDasharray="3 3" />
             <XAxis label="Date" dataKey="date" interval="preserveEnd" />
@@ -99,11 +113,11 @@ function TransactionStats() {
     );
   };
 
-  const filteredList = () => {
+  const filteredSales = () => {
     if (loading) return <ReactLoading color="#e26d5c" />;
     return (
       <>
-        <h3>Transaction List</h3>
+        <h3>Sales Transactions in Date Range</h3>
         {salesInRange.map((transaction) => (
           <TransactionListItem
             transaction={transaction}
@@ -114,15 +128,45 @@ function TransactionStats() {
     );
   };
 
+  const filteredPurchases = () => {
+    if (loading) return <ReactLoading color="#e26d5c" />;
+    return (
+      <>
+        <h3>Purchase Transactions in Date Range</h3>
+        {purchasesInRange.map((transaction) => (
+          <TransactionListItem
+            transaction={transaction}
+            key={transaction.transactionID}
+          />
+        ))}
+      </>
+    );
+  };
+
+  const filteredRestocks = () => {
+    if (loading) return <ReactLoading color="#e26d5c" />;
+    return (
+      <>
+        <h3>Restock Transactions in Date Range</h3>
+        {restocksInRange.map((transaction) => (
+          <TransactionListItem
+            transaction={transaction}
+            key={transaction.transactionID}
+          />
+        ))}
+      </>
+    );
+  };
+
   return (
     <div className="container">
       <Header />
       <HeaderPadding />
       <div className="DateInputs">{dateInputs()}</div>
       <div className="SalesPlot">{renderPlot()}</div>
-      <Header />
-      <HeaderPadding />
-      <div className="FilteredData">{filteredList()}</div>
+      <div className="FilteredSales">{filteredSales()}</div>
+      <div className="FilteredPurchases">{filteredPurchases()}</div>
+      <div className="FilteredRestocks">{filteredRestocks()}</div>
     </div>
   );
 }

src/components/Transaction/dataUtil.js

@@ -2,6 +2,14 @@ const getSales = (transactions) => {
   return transactions.filter((t) => t.endLoc === 'sold');
 };
 
+const getPurchases = (transactions) => {
+  return transactions.filter((t) => t.endLoc === 'inventory');
+};
+
+const getRestocks = (transactions) => {
+  return transactions.filter((t) => t.endLoc === 'shelf');
+};
+
 const filterByDate = (transactions, startDate, endDate) => {
   return transactions.filter((t) => {
     return (
@@ -15,6 +23,14 @@ const getSalesInRange = (transactions, startDate, endDate) => {
   return filterByDate(getSales(transactions), startDate, endDate);
 };
 
+const getPurchasesInRange = (transactions, startDate, endDate) => {
+  return filterByDate(getPurchases(transactions), startDate, endDate);
+};
+
+const getRestocksInRange = (transactions, startDate, endDate) => {
+  return filterByDate(getRestocks(transactions), startDate, endDate);
+};
+
 const getNetIncome = (sale) => {
   return sale.price * sale.productQty;
 };
@@ -55,4 +71,8 @@ module.exports = {
   getNetIncome,
   addSimpleDate,
   getIncomeByDay,
+  getPurchases,
+  getRestocks,
+  getPurchasesInRange,
+  getRestocksInRange,
 };