added order result and hardware info icons for order tables

hackathon_site/dashboard/frontend/src/components/orders/OrdersCount/OrdersCount.test.tsx

@@ -1,11 +1,25 @@
 import React from "react";
 import { render } from "@testing-library/react";
-import OrdersFilter from "./OrdersCount";
+import { makeStoreWithEntities } from "../../../testing/utils";
+import { mockHardware, mockPendingOrders } from "../../../testing/mockData";
+import { Provider } from "react-redux";
+import OrdersCount from "./OrdersCount";
 
 describe("<OrdersCount />", () => {
+    const store = makeStoreWithEntities({
+        hardware: mockHardware,
+        allOrders: mockPendingOrders,
+    });
+
     it("Has necessary component elements", async () => {
-        const { getByText, getByTestId } = render(<OrdersFilter />);
+        const { getByText, getByTestId } = render(
+            <Provider store={store}>
+                {" "}
+                <OrdersCount />{" "}
+            </Provider>
+        );
         expect(getByTestId("refreshOrders")).toBeInTheDocument();
-        expect(getByText("2 results")).toBeInTheDocument();
+        const expectedCount = mockPendingOrders.length;
+        expect(getByText(`${expectedCount} results`)).toBeInTheDocument();
     });
 });

hackathon_site/dashboard/frontend/src/components/orders/OrdersCount/OrdersCount.tsx

@@ -3,11 +3,14 @@ import { IconButton, Typography } from "@material-ui/core";
 import RefreshIcon from "@material-ui/icons/Refresh";
 import styles from "pages/Orders/Orders.module.scss";
 import { FormikValues } from "formik";
+import { useSelector } from "react-redux";
+import { adminOrderTotalSelector } from "../../../slices/order/adminOrderSlice";
 
 const OrdersCount = ({ refreshOrders }: FormikValues) => {
+    const orderQuantity = useSelector(adminOrderTotalSelector);
     return (
         <div className={styles.ordersBodyToolbarRefresh}>
-            <Typography variant="body2">2 results</Typography>
+            <Typography variant="body2">{orderQuantity} results</Typography>
             <IconButton
                 color="primary"
                 aria-label="Refresh"

hackathon_site/dashboard/frontend/src/slices/order/adminOrderSlice.ts

@@ -181,4 +181,9 @@ export const adminOrderNumStatusesSelector = createSelector(
     (adminOrderSlice) => adminOrderSlice.numStatuses
 );
 
+export const adminOrderTotalSelector = createSelector(
+    [adminOrderSelectors.selectAll],
+    (orderItems) => orderItems.reduce((accum) => accum + 1, 0)
+);
+
 export const { setFilters, clearFilters } = actions;