Fix display when label doesn't match search term

medusajs · May 16, 2023 · 945dd53 · 945dd53
1 parent 82f36e8
commit 945dd53
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/packages/admin-ui/ui/src/components/molecules/item-search/index.tsx b/packages/admin-ui/ui/src/components/molecules/item-search/index.tsx
@@ -50,11 +50,16 @@ const ItemSearch = ({ onItemSelect, clearOnSelect, filters = {} }: Props) => {
   }
 
   const options = inventory_items?.map((inventoryItem) => ({
-    label: inventoryItem.title || undefined,
+    label:
+      inventoryItem.title ||
+      inventoryItem.variants[0].product.title ||
+      inventoryItem.sku,
     value: inventoryItem.id,
     inventoryItem,
   })) as ItemOption[]
 
+  const filterOptions = () => true
+
   return (
     <div>
       <NextSelect
@@ -69,16 +74,13 @@ const ItemSearch = ({ onItemSelect, clearOnSelect, filters = {} }: Props) => {
         onChange={onChange}
         value={null}
         isLoading={queryEnabled && isLoading}
+        filterOption={filterOptions} // TODO: Remove this when we can q for inventory item titles
       />
     </div>
   )
 }
 
-const ProductOption = ({
-  innerProps,
-  isDisabled,
-  data,
-}: OptionProps<ItemOption>) => {
+const ProductOption = ({ innerProps, data }: OptionProps<ItemOption>) => {
   const { available, inStock } = React.useMemo(() => {
     return (data.inventoryItem.location_levels || []).reduce(
       (acc, curr) => {