Pine/empty bearer (#375)

* fix empty bearer token

* fix connected styling

* fix overflow

Author: octref

client/src/assets/css/App.scss

@@ -6,6 +6,31 @@ body {
     width: 100vw;
 }
 
+// Fontawesome variables that the old Ratel depends on
+:root {
+    --blue: #007bff;
+    --indigo: #6610f2;
+    --purple: #6f42c1;
+    --pink: #e83e8c;
+    --red: #dc3545;
+    --orange: #fd7e14;
+    --yellow: #ffc107;
+    --green: #28a745;
+    --teal: #20c997;
+    --cyan: #17a2b8;
+    --white: #fff;
+    --gray: #6c757d;
+    --gray-dark: #343a40;
+    --primary: #007bff;
+    --secondary: #6c757d;
+    --success: #28a745;
+    --info: #17a2b8;
+    --warning: #ffc107;
+    --danger: #dc3545;
+    --light: #f8f9fa;
+    --dark: #343a40;
+}
+
 #root {
     display: flex;
     flex-direction: row;

client/src/components/ServerConnectionModal.scss

@@ -23,6 +23,8 @@
     justify-content: space-between;
 }
 .modal.server-connection .modal-body {
+    overflow: hidden;
+
     .main-row {
         min-height: 60vh;
     }

client/src/lib/helpers.js

@@ -128,8 +128,10 @@ export async function setCurrentServerQueryTimeout(timeout) {
 }
 
 export function setCurrentServerSlashApiKey(slashApiKey) {
-    clientStubOptions.headers["X-Auth-Token"] = slashApiKey;
-    clientStubOptions.headers["Authorization"] = "Bearer " + slashApiKey;
+    if (slashApiKey) {
+        clientStubOptions.headers["X-Auth-Token"] = slashApiKey;
+        clientStubOptions.headers["Authorization"] = "Bearer " + slashApiKey;
+    }
 }
 
 export function setCurrentServerAuthToken(authToken) {
@@ -160,7 +162,6 @@ export async function executeQuery(
     }
 
     const client = await getDgraphClient();
-    console.log("client", client);
 
     if (action === "query") {
         return client