fix: Only show manufacturers with device models (#553)

Author: razor-x

package-lock.json

@@ -140,10 +140,10 @@
     "@mui/icons-material": "^5.11.16",
     "@mui/material": "^5.12.2",
     "@rxfork/r2wc-react-to-web-component": "^2.4.0",
-    "@seamapi/fake-devicedb": "^1.1.0",
-    "@seamapi/fake-seam-connect": "^1.37.1",
+    "@seamapi/fake-devicedb": "^1.2.0",
+    "@seamapi/fake-seam-connect": "^1.41.0",
     "@seamapi/http": "^0.2.1",
-    "@seamapi/types": "^1.28.0",
+    "@seamapi/types": "^1.32.0",
     "@storybook/addon-designs": "^7.0.1",
     "@storybook/addon-essentials": "^7.0.2",
     "@storybook/addon-links": "^7.0.2",

package.json

@@ -46,10 +46,10 @@ export const useFilteredDeviceModels = ({
     params.manufacturer_ids = manufacturers.map((m) => m.manufacturer_id)
   }
 
-  const { deviceModels, ...query } = useDeviceModels(params)
+  const { deviceModels, ...rest } = useDeviceModels(params)
 
   return {
-    ...query,
+    ...rest,
     deviceModels: deviceModels?.filter(
       (deviceModel) =>
         manufacturers?.some(

src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts

@@ -7,9 +7,16 @@ interface Params {
 export const useFilteredManufacturers = (
   params: Params
 ): ReturnType<typeof useManufacturers> => {
-  return useManufacturers({
+  const { manufacturers, ...rest } = useManufacturers({
     liqe_query: createLiqeQuery(params),
   })
+
+  return {
+    ...rest,
+    manufacturers: manufacturers?.filter(
+      (manufacturer) => manufacturer.device_model_count > 0
+    ),
+  }
 }
 
 export const createLiqeQuery = ({