diff --git a/client/src/components/global-search/global-search.component.jsx b/client/src/components/global-search/global-search.component.jsx index 60b4ec82e..95063d636 100644 --- a/client/src/components/global-search/global-search.component.jsx +++ b/client/src/components/global-search/global-search.component.jsx @@ -131,6 +131,23 @@ export default function GlobalSearch() { }; }), }, + { + label: renderTitle(t("menus.header.search.invoices")), + options: data.search_invoices.map((invoice) => { + return { + value: `${invoice.invoice_number}`, + label: ( + +
+ {`${invoice.invoice_number}`} + {`${invoice.vendor.name}`} + {`${invoice.date}`} +
+ + ), + }; + }), + }, ] : []; diff --git a/client/src/graphql/search.queries.js b/client/src/graphql/search.queries.js index 5bf83e27c..897a75235 100644 --- a/client/src/graphql/search.queries.js +++ b/client/src/graphql/search.queries.js @@ -40,5 +40,14 @@ export const GLOBAL_SEARCH_QUERY = gql` memo transactionid } + search_invoices(args: { search: $search }) { + id + date + invoice_number + vendor { + id + name + } + } } `;