fix: fallback to other (#886)

origranot · Nov 3, 2024 · 8a2cc58 · 8a2cc58
1 parent 2b2bfd6
commit 8a2cc58
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/apps/frontend/src/components/dashboard/analytics/devices-chart/devices-chart.tsx b/apps/frontend/src/components/dashboard/analytics/devices-chart/devices-chart.tsx
@@ -72,8 +72,10 @@ export const DevicesChart = component$((props: DevicesChartProps) => {
             <div key={item.field} class="group flex items-center justify-between hover:bg-gray-50 dark:hover:bg-gray-500/10">
               <div class="relative z-10 flex h-8 w-full max-w-[calc(100%-2rem)] items-center">
                 <div class="z-10 flex items-center space-x-2 px-2">
-                  <img alt={item.field} src={icons[item.field.toLowerCase()] || UNKNOWN_FAVICON_SMALL} class="h-4 w-4" />
-                  <div class="truncate text-sm text-gray-800 dark:text-gray-200 underline-offset-4 group-hover:underline">{item.field}</div>
+                  <img alt={item.field} src={icons[item.field?.toLowerCase()] || UNKNOWN_FAVICON_SMALL} class="h-4 w-4" />
+                  <div class="truncate text-sm text-gray-800 dark:text-gray-200 underline-offset-4 group-hover:underline">
+                    {item.field || 'Other'}
+                  </div>
                 </div>
                 <div
                   class="absolute h-full origin-left rounded-sm bg-orange-100 dark:bg-orange-500/30"