chore: Update connection details property names

app/api/connection-details/route.ts

@@ -33,10 +33,10 @@ export async function GET(request: NextRequest) {
 
     // Return connection details
     const data: ConnectionDetails = {
-      server_url: LIVEKIT_URL!,
-      room_name: roomName,
-      participant_token: participantToken,
-      participant_name: participantName,
+      serverUrl: LIVEKIT_URL!,
+      roomName: roomName,
+      participantToken: participantToken,
+      participantName: participantName,
     };
     return NextResponse.json(data);
   } catch (error) {

app/rooms/[roomName]/PageClientImpl.tsx

@@ -157,8 +157,8 @@ function VideoConferenceComponent(props: {
     <>
       <LiveKitRoom
         room={room}
-        token={props.connectionDetails.participant_token}
-        serverUrl={props.connectionDetails.server_url}
+        token={props.connectionDetails.participantToken}
+        serverUrl={props.connectionDetails.serverUrl}
         connectOptions={connectOptions}
         video={props.userChoices.videoEnabled}
         audio={props.userChoices.audioEnabled}

lib/types.ts

@@ -21,10 +21,8 @@ export function isVideoCodec(codec: string): codec is VideoCodec {
 }
 
 export type ConnectionDetails = {
-  server_url: string;
-  room_name: string;
-  participant_name: string;
-  participant_token: string;
+  serverUrl: string;
+  roomName: string;
+  participantName: string;
+  participantToken: string;
 };
-
-