+
+
+ {tabOptions.map((option) => (
+
+ {option.label}
+
+ ))}
+
+
+
+
+ pallet.name}
+ // @ts-expect-error TODO: https://github.com/cschroeter/park-ui/issues/351
+ itemToValue={(pallet: Pallet) => pallet.index}
+ // @ts-expect-error ark-ui type error
+ value={[palletIndex]}
+ onValueChange={(event) => {
+ const pallet = event.items.at(0) as Pallet;
+
+ setPalletIndex(pallet.index);
+ }}
+ className={css({ gridArea: "pallet" })}
+ >
+ Pallet
+
+
+
+
+
+
+
+
+ {metadata.value.pallets
+ .toSorted((a, b) => a.name.localeCompare(b.name))
+ .map((pallet) => (
+
+ {pallet.name}
+
+
+
+
+ ))}
+
+
+
+ {pallet && (
+
+ setStorageQueries((queries) => [...queries, query])
+ }
+ />
+ )}
+
+
+