diff --git a/app/images/filterSymbol.svg b/app/images/filterSymbol.svg new file mode 100644 index 0000000..5aa4d29 --- /dev/null +++ b/app/images/filterSymbol.svg @@ -0,0 +1,3 @@ + + + diff --git a/app/inventory/[[...inventory]]/page.tsx b/app/inventory/[[...inventory]]/page.tsx index 6e2fe1c..81eb2b2 100644 --- a/app/inventory/[[...inventory]]/page.tsx +++ b/app/inventory/[[...inventory]]/page.tsx @@ -1,6 +1,9 @@ "use client" import React, { useEffect } from "react"; import { InventorySpreadsheet } from '@app/components/InventorySpreadsheet'; +import Image from 'next/image'; +import filterSymbol from "@app/images/filterSymbol.svg" + // Utility function to format date to dd/mm/yyyy function formatDate(date: Date): string { @@ -41,7 +44,7 @@ function getInventory() { console.log("List of Lists:", listOfLists); return listOfLists; }); - } catch (error) { + } catch (error) { console.error(error); return Promise.resolve([]); } @@ -54,7 +57,20 @@ const InternalViewInventoryPage: React.FC = () => { .then((items: any) => { setInventory(items) }) }, []); return ( - +
+
Inventory
+ + +
); };