From e8af18114f5cfddb9550b8b8fb40d5c977f41d91 Mon Sep 17 00:00:00 2001
From: "felix.zoesch" <felix.zoesch@stwhas.de>
Date: Mon, 15 Dec 2025 10:04:55 +0100
Subject: [PATCH] Fix TypeScript build errors

- Remove unused Event import from client.ts
- Fix fractionalSecondDigits incompatibility in EventCard.tsx
- Manually format milliseconds for timestamp display
---
 frontend/src/api/client.ts            | 2 +-
 frontend/src/components/EventCard.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/api/client.ts b/frontend/src/api/client.ts
index 9b395c5..309f000 100644
--- a/frontend/src/api/client.ts
+++ b/frontend/src/api/client.ts
@@ -1,7 +1,7 @@
 // HTTP API client using axios
 
 import axios from 'axios';
-import type { Event, Statistics, EventListResponse } from '../types';
+import type { Statistics, EventListResponse } from '../types';
 
 const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000';
 
diff --git a/frontend/src/components/EventCard.tsx b/frontend/src/components/EventCard.tsx
index b368236..373df46 100644
--- a/frontend/src/components/EventCard.tsx
+++ b/frontend/src/components/EventCard.tsx
@@ -9,13 +9,14 @@ interface EventCardProps {
 
 const formatTimestamp = (timestamp: number): string => {
   const date = new Date(timestamp * 1000);
-  return date.toLocaleTimeString('en-US', {
+  const timeString = date.toLocaleTimeString('en-US', {
     hour: '2-digit',
     minute: '2-digit',
     second: '2-digit',
-    fractionalSecondDigits: 3,
     hour12: false,
   });
+  const ms = Math.floor((timestamp % 1) * 1000).toString().padStart(3, '0');
+  return `${timeString}.${ms}`;
 };
 
 const getEventColor = (eventType: string): string => {