From 43b63512374592d1e29a9a5939a63d724de18d42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Sat, 30 Jul 2022 10:00:51 +0200
Subject: [PATCH] `SequenceDiagramViewerPage`
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 ...amViewerPage.jsx => SequenceDiagramViewerPage.tsx} | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)
 rename src/{SequenceDiagramViewerPage.jsx => SequenceDiagramViewerPage.tsx} (82%)

diff --git a/src/SequenceDiagramViewerPage.jsx b/src/SequenceDiagramViewerPage.tsx
similarity index 82%
rename from src/SequenceDiagramViewerPage.jsx
rename to src/SequenceDiagramViewerPage.tsx
index 3752dc29..2b98baaa 100644
--- a/src/SequenceDiagramViewerPage.jsx
+++ b/src/SequenceDiagramViewerPage.tsx
@@ -1,13 +1,20 @@
 import React, { useCallback, useState } from "react";
+
 import { SequenceDiagramViewer } from "./room/GroupCallInspector";
 import { FieldRow, InputField } from "./input/Input";
 import { usePageTitle } from "./usePageTitle";
 
+interface DebugLog {
+  localUserId: string;
+  eventsByUserId: Record<string, {}>;
+  remoteUserIds: string[];
+}
+
 export function SequenceDiagramViewerPage() {
   usePageTitle("Inspector");
 
-  const [debugLog, setDebugLog] = useState();
-  const [selectedUserId, setSelectedUserId] = useState();
+  const [debugLog, setDebugLog] = useState<DebugLog>();
+  const [selectedUserId, setSelectedUserId] = useState<string>();
   const onChangeDebugLog = useCallback((e) => {
     if (e.target.files && e.target.files.length > 0) {
       e.target.files[0].text().then((text) => {