Added Helper to normalize log level

Author: niemyjski

src/Exceptionless.Web/ClientApp/src/lib/features/events/components/log-level.svelte

@@ -1,24 +1,35 @@
 <script lang="ts">
-    import type { LogLevel } from '$features/events/models/event-data';
-
     import { Badge } from '$comp/ui/badge';
+    import { getLogLevel, type LogLevel } from '$features/events/models/event-data';
 
     interface Props {
         level?: LogLevel;
     }
 
     let { level }: Props = $props();
 
-    // TODO: Add more variants;
-    let variant: 'default' | 'destructive' | 'outline' | 'secondary' = $state('default');
-    if (level === 'trace' || level === 'debug') variant = 'secondary';
-    else if (level === 'info') variant = 'default';
-    else if (level === 'warn') variant = 'destructive';
-    else if (level === 'error') variant = 'destructive';
+    function getLogLevelVariant(level: LogLevel | null): 'default' | 'destructive' | 'outline' | 'secondary' {
+        if (level === 'trace' || level === 'debug') {
+            return 'secondary';
+        }
+
+        if (level === 'info') {
+            return 'default';
+        }
+
+        if (level === 'warn' || level === 'error') {
+            return 'destructive';
+        }
+
+        return 'default';
+    }
+
+    const normalizedLogLevel = $derived(getLogLevel(level));
+    const variant = $derived(getLogLevelVariant(normalizedLogLevel));
 </script>
 
-{#if level}
+{#if normalizedLogLevel}
     <Badge {variant}>
-        {level}
+        {normalizedLogLevel}
     </Badge>
 {/if}

src/Exceptionless.Web/ClientApp/src/lib/features/events/models/event-data.ts

@@ -127,3 +127,31 @@ export interface UserInfo {
     identity?: string;
     name?: string;
 }
+
+// TODO: Move to a helper.
+export function getLogLevel(level?: LogLevel): LogLevel | null {
+    switch (level?.toLowerCase().trim()) {
+        case '0':
+        case 'false':
+        case 'no':
+        case 'off':
+            return 'off';
+        case '1':
+        case 'trace':
+        case 'true':
+        case 'yes':
+            return 'trace';
+        case 'debug':
+            return 'debug';
+        case 'error':
+            return 'error';
+        case 'fatal':
+            return 'fatal';
+        case 'info':
+            return 'info';
+        case 'warn':
+            return 'warn';
+        default:
+            return null;
+    }
+}