Provide a view of logins to clients.

1 files changed, 12 insertions, 1 deletions

diff --git a/hi-ui/src/apiServer.js b/hi-ui/src/apiServer.js
index e87e2d6..4421ef5 100644
--- a/hi-ui/src/apiServer.js
+++ b/hi-ui/src/apiServer.js
@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { activeChannel, channelsList, messages } from './store';
+import { activeChannel, channelsList, loginsList, messages } from './store';
 
 export const apiServer = axios.create({
   baseURL: '/api/',
@@ -55,6 +55,9 @@ export function subscribeToEvents(resume_point) {
     const data = JSON.parse(evt.data);
 
     switch (data.type) {
+      case 'login':
+        onLoginEvent(data);
+        break;
       case 'channel':
         onChannelEvent(data);
         break;
@@ -65,6 +68,14 @@ export function subscribeToEvents(resume_point) {
   }
 }
 
+function onLoginEvent(data) {
+  switch (data.event) {
+    case 'created':
+      logins.update((value) => value.addLogin(data.id, data.name))
+      break;
+  }
+}
+
 function onChannelEvent(data) {
   switch (data.event) {
     case 'created':