From 1174fa4e127592e13e338ba8eabe50f2b296da7b Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Fri, 17 Jan 2025 09:21:39 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fixes=20undefined=20I2C=20behavi?=
 =?UTF-8?q?or?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/routes/peripherals/i2c/i2c.svelte | 53 +++++++++++++++--------
 1 file changed, 34 insertions(+), 19 deletions(-)

diff --git a/app/src/routes/peripherals/i2c/i2c.svelte b/app/src/routes/peripherals/i2c/i2c.svelte
index b19cb4c..1526c39 100644
--- a/app/src/routes/peripherals/i2c/i2c.svelte
+++ b/app/src/routes/peripherals/i2c/i2c.svelte
@@ -1,29 +1,40 @@
 <script lang="ts">
-	import SettingsCard from "$lib/components/SettingsCard.svelte";
-	import { onMount } from "svelte";
-	import { socket } from "$lib/stores";
-    import type { I2CDevice } from "$lib/types/models";
-	import { Connection } from "$lib/components/icons";
+    import SettingsCard from '$lib/components/SettingsCard.svelte';
+    import { onMount } from 'svelte';
+    import { socket } from '$lib/stores';
+    import type { I2CDevice } from '$lib/types/models';
+    import { Connection } from '$lib/components/icons';
 
     const i2cDevices = [
-        {address:30,  part_number: "HMC5883", name: "3-Axis Digital Compass/Magnetometer IC"},
-        {address:64,  part_number: "PCA9685", name: "16-channel PWM driver default address"},
-        {address:72,  part_number: "ADS1115", name: "4-channel 16-bit ADC"},
-        {address:104,  part_number: "MPU6050", name: "Six-Axis (Gyro + Accelerometer) MEMS MotionTracking™ Devices"},
-        {address:119,  part_number: "BMP085", name: "Temp/Barometric"},
+        { address: 30, part_number: 'HMC5883', name: '3-Axis Digital Compass/Magnetometer IC' },
+        { address: 64, part_number: 'PCA9685', name: '16-channel PWM driver default address' },
+        { address: 72, part_number: 'ADS1115', name: '4-channel 16-bit ADC' },
+        {
+            address: 104,
+            part_number: 'MPU6050',
+            name: 'Six-Axis (Gyro + Accelerometer) MEMS MotionTracking™ Devices'
+        },
+        { address: 119, part_number: 'BMP085', name: 'Temp/Barometric' }
     ];
 
-    let active_devices:I2CDevice[] = [];
+    let active_devices: I2CDevice[] = [];
 
     onMount(() => {
         socket.on('i2cScan', handleScan);
-        socket.sendEvent('i2cScan', "");
+        socket.sendEvent('i2cScan', '');
         return () => socket.off('i2cScan', handleScan);
-    })
+    });
 
     const handleScan = (data: any) => {
-        active_devices = data.addresses.map((address:number) => i2cDevices.find(device => device.address === address))
-    }
+        active_devices = data.addresses.map(
+            (address: number) =>
+                i2cDevices.find(device => device.address === address) || {
+                    address,
+                    part_number: 'Unknown',
+                    name: 'Unknown'
+                }
+        );
+    };
 </script>
 
 <SettingsCard collapsible={false}>
@@ -31,8 +42,12 @@
     <span slot="title">I<sup>2</sup>C</span>
 
     <div class="grid">
-        {#each active_devices as device }
-            <div>[{device.address.toString(16)}] {device.part_number} - {device.name}</div>
-        {/each}
+        {#if active_devices.length === 0}
+            <div>No I2C devices found</div>
+        {:else}
+            {#each active_devices as device}
+                <div>[{device.address.toString(16)}] {device.part_number} - {device.name}</div>
+            {/each}
+        {/if}
     </div>
-</SettingsCard>
\ No newline at end of file
+</SettingsCard>