fix(website): filter Appetize device selector by platform

expo · Feb 22, 2024 · 34ba744 · 34ba744
1 parent 2cbc841
commit 34ba744
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/website/src/client/utils/Appetize.ts b/website/src/client/utils/Appetize.ts
@@ -37,7 +37,10 @@ let cachedAppetizeDevices:
 
 export function useAppetizeDevices(platform: 'android' | 'ios') {
   const [devices, setDevices] = useState(cachedAppetizeDevices);
-  const deviceList = useMemo(() => createAppetizeDeviceList(devices), [platform, devices]);
+  const deviceList = useMemo(
+    () => createAppetizeDeviceList(platform, devices),
+    [platform, devices]
+  );
 
   useEffect(() => {
     if (!cachedAppetizeDevices) {
@@ -48,12 +51,17 @@ export function useAppetizeDevices(platform: 'android' | 'ios') {
   return deviceList;
 }
 
-function createAppetizeDeviceList(devices?: typeof cachedAppetizeDevices) {
+function createAppetizeDeviceList(
+  platform: 'android' | 'ios',
+  devices?: typeof cachedAppetizeDevices
+) {
   if (!devices) {
     return [];
   }
 
-  return devices.map((device) => ({ deviceName: device.name, deviceId: device.id }));
+  return devices
+    .filter((device) => device.platform === platform)
+    .map((device) => ({ deviceName: device.name, deviceId: device.id }));
 }
 
 async function fetchAppetizeDevices(): Promise<typeof cachedAppetizeDevices> {