u

src/components/article/artikelQuery.js

@@ -4,14 +4,28 @@ export function queryFromParams(searchParams) {
   return {
     target: searchParams.get('target') ?? '',
     filter: searchParams.get('filter') ?? '',
+    brand: searchParams.get('brand') ?? '',
+    supplier: searchParams.get('supplier') ?? '',
     offset: Math.max(0, Number(searchParams.get('offset')) || 0),
   };
 }
 
-export function buildSearchUrl(target, filter = '', offset = 0) {
+export function buildSearchUrl(target, filter = '', offset = 0, options = {}) {
+  let brand = '';
+  let supplier = '';
+  if (typeof options === 'string') {
+    brand = options;
+    supplier = arguments[4] || '';
+  } else if (options && typeof options === 'object') {
+    brand = options.brand || '';
+    supplier = options.supplier || '';
+  }
+
   const params = new URLSearchParams();
   if (target) params.set('target', target);
   if (filter) params.set('filter', filter);
+  if (brand) params.set('brand', brand);
+  if (supplier) params.set('supplier', supplier);
   if (offset > 0) params.set('offset', String(offset));
   const qs = params.toString();
   return qs ? `/artikel?${qs}` : '/artikel';
@@ -26,7 +40,13 @@ export function readArtikelQuery() {
   }
 }
 
-export function writeArtikelQuery({ target, filter = '', offset = 0 }) {
+export function writeArtikelQuery({
+  target,
+  filter = '',
+  offset = 0,
+  brand = '',
+  supplier = '',
+}) {
   try {
     if (!target || target.trim().length < 3) {
       localStorage.removeItem(ARTIKEL_QUERY_KEY);
@@ -34,7 +54,7 @@ export function writeArtikelQuery({ target, filter = '', offset = 0 }) {
     }
     localStorage.setItem(
       ARTIKEL_QUERY_KEY,
-      JSON.stringify({ target, filter, offset }),
+      JSON.stringify({ target, filter, offset, brand, supplier }),
     );
   } catch {
     // ignore quota / private mode
@@ -53,5 +73,8 @@ export function clearArtikelQuery() {
 export function artikelQueryPath() {
   const query = readArtikelQuery();
   if (!query?.target || query.target.trim().length < 3) return '/artikel';
-  return buildSearchUrl(query.target, query.filter ?? '', query.offset ?? 0);
+  return buildSearchUrl(query.target, query.filter ?? '', query.offset ?? 0, {
+    brand: query.brand ?? '',
+    supplier: query.supplier ?? '',
+  });
 }