serverTime subscription

packages/webui/src/routes/index.lazy.tsx

@@ -19,17 +19,24 @@ const decodeTodos = flow(
 
 export const Index = observer(() => {
 
+    const [serverTime, setServerTime] = useState("")
+
+    trpc.serverTime.useSubscription(undefined, {
+        onData: setServerTime
+    })
+
+
     const [todos, setTodos] = useState<IObservableArray<Todo>>(observable.array())
 
     trpc.todo.changes.useSubscription(undefined, {
-        onData: data => {
-            setTodos(decodeTodos(data))
-        }
+        onData: flow(decodeTodos, setTodos)
     })
 
 
     return (
         <div className="flex flex-col gap-1 items-stretch">
+            <p className="text-center">{serverTime}</p>
+
             {todos.map(todo => (
                 <VTodo
                     key={Option.match(todo.id, {