feat(SupportedDeviceTable): Include devices with beta support by default

seamapi · Dec 21, 2023 · f4efdd5 · f4efdd5
1 parent c536021
commit f4efdd5
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 7 deletions.
diff --git a/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx b/src/lib/seam/components/SupportedDeviceTable/SupportedDeviceFilterArea.tsx
@@ -1,7 +1,10 @@
 import type { Dispatch, SetStateAction } from 'react'
 
 import { FilterCategoryMenu } from 'lib/seam/components/SupportedDeviceTable/FilterCategoryMenu.js'
-import type { DeviceModelFilters } from 'lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js'
+import {
+  type DeviceModelFilters,
+  supportedIntegrationSupportLevels,
+} from 'lib/seam/components/SupportedDeviceTable/use-filtered-device-models.js'
 import { Button } from 'lib/ui/Button.js'
 import { Menu } from 'lib/ui/Menu/Menu.js'
 import { SearchTextField } from 'lib/ui/TextField/SearchTextField.js'
@@ -28,6 +31,9 @@ export function SupportedDeviceFilterArea({
   const appliedFiltersCount = getAppliedFilterCount(filters)
 
   const { manufacturers: manufacturersData } = useFilteredManufacturers({
+    integrationSupportLevels: filters.supportedOnly
+      ? supportedIntegrationSupportLevels
+      : null,
     manufacturers,
     excludedManufacturers,
   })

diff --git a/src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts b/src/lib/seam/components/SupportedDeviceTable/use-filtered-device-models.ts
@@ -1,3 +1,5 @@
+import type { ManufacturerIntegrationSupportLevel } from '@seamapi/types/devicedb'
+
 import {
   useDeviceModels,
   type UseDeviceModelsParams,
@@ -10,6 +12,9 @@ export interface DeviceModelFilters {
   manufacturer: string | null
 }
 
+export const supportedIntegrationSupportLevels: ManufacturerIntegrationSupportLevel[] =
+  ['stable', 'beta']
+
 export const useFilteredDeviceModels = ({
   filterValue,
   filters,
@@ -24,7 +29,12 @@ export const useFilteredDeviceModels = ({
   includeIf: string[] | null
   excludeIf: string[]
 }): ReturnType<typeof useDeviceModels> => {
-  const { manufacturers } = useFilteredManufacturers(manufacturersParams)
+  const { manufacturers } = useFilteredManufacturers({
+    ...manufacturersParams,
+    integrationSupportLevels: filters.supportedOnly
+      ? supportedIntegrationSupportLevels
+      : null,
+  })
 
   const params: UseDeviceModelsParams = {}
 
@@ -42,7 +52,7 @@ export const useFilteredDeviceModels = ({
   }
 
   if (filters.supportedOnly) {
-    params.integration_status = 'stable'
+    params.integration_support_levels = supportedIntegrationSupportLevels
   }
 
   if (filters.manufacturer !== null) {

diff --git a/src/lib/seam/components/SupportedDeviceTable/use-filtered-manufacturers.ts b/src/lib/seam/components/SupportedDeviceTable/use-filtered-manufacturers.ts
@@ -1,13 +1,19 @@
+import type { ManufacturerIntegrationSupportLevel } from '@seamapi/types/devicedb'
+
 import { useManufacturers } from 'lib/seam/components/SupportedDeviceTable/use-manufacturers.js'
 
 interface Params {
   manufacturers: string[] | null
   excludedManufacturers: string[]
+  integrationSupportLevels: ManufacturerIntegrationSupportLevel[] | null
 }
-export const useFilteredManufacturers = (
-  params: Params
-): ReturnType<typeof useManufacturers> => {
+
+export const useFilteredManufacturers = ({
+  integrationSupportLevels,
+  ...params
+}: Params): ReturnType<typeof useManufacturers> => {
   const { manufacturers, ...rest } = useManufacturers({
+    integration_support_levels: integrationSupportLevels ?? undefined,
     liqe_query: createLiqeQuery(params),
   })
 
@@ -22,7 +28,9 @@ export const useFilteredManufacturers = (
 export const createLiqeQuery = ({
   manufacturers,
   excludedManufacturers,
-}: Params): string | undefined => {
+}: Pick<Params, 'manufacturers' | 'excludedManufacturers'>):
+  | string
+  | undefined => {
   if (
     (manufacturers?.some(isInvalidInput) ?? false) ||
     excludedManufacturers.some(isInvalidInput)