Fix tooltips and editor failing to mark invalid tokens when private key

is missing.

Author: sebadoom

src/website/editor/index.js

@@ -208,7 +208,9 @@ function encodeToken() {
 
       tokenEditor.setValue(encoded);
     } catch(e) {
-      console.error('Failed to sign/encode token: ', e);
+      console.error('Failed to sign/encode token: ', e);      
+      markAsInvalid();
+      tokenEditor.setValue('');
     }    
 
     verifyToken();

src/website/editor/tooltip.js

@@ -18,7 +18,7 @@ export function tooltipHandler(event) {
     payloadTooltipElement.style.left = event.pageX + 'px';
     payloadTooltipElement.style.top = event.pageY + 'px';
 
-    payloadTooltipElement.style.display = '';
+    payloadTooltipElement.style.display = 'block';
   } else {
     payloadTooltipElement.style.display = 'none';
   }

views/index.pug

@@ -159,7 +159,7 @@ block content
                   p.text-line PAYLOAD:
                     span DATA
                   .js-payload
-                    #js-payload-tooltip
+                    #js-payload-tooltip placeholder
 
                 .jwt-explained.jwt-signature
                   p.text-line VERIFY SIGNATURE