Cleanup

client/scripts/network.js

@@ -41,8 +41,8 @@ class ServerConnection {
             case 'ping':
                 this.send({ type: 'pong' });
                 break;
-            case 'displayName':
-                Events.fire('displayName', msg);
+            case 'display-name':
+                Events.fire('display-name', msg);
                 break;
             default:
                 console.error('WS: unkown message type', msg);

client/scripts/ui.js

@@ -6,8 +6,8 @@ window.isProductionEnvironment = !window.location.host.startsWith('localhost');
 window.iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
 
 // set display name
-Events.on('displayName', e => {
-    $("displayName").textContent = "You are known as " + e.detail.message;
+Events.on('display-name', e => {
+    $('displayName').textContent = 'You are known as ' + e.detail.message;
 });
 
 class PeersUI {

client/styles.css

@@ -593,6 +593,7 @@ x-instructions {
     opacity: 0.5;
     transition: opacity 300ms;
     z-index: -1;
+    text-align: center;
 }
 
 x-instructions:before {

server/index.js

@@ -19,7 +19,7 @@ class SnapdropServer {
         this._keepAlive(peer);
 
         // send displayName
-        this._send(peer, { type: 'displayName', message: peer.name.displayName });
+        this._send(peer, { type: 'display-name', message: peer.name.displayName });
     }
 
     _onHeaders(headers, response) {