.

README.md

@@ -20,7 +20,6 @@ To run the Dumbledore you must have an [API token](#getting-the-api-token-for-yo
 $ BOT_API_KEY={key} BOT_NAME={name} node bin/bot.js
 ```
 
-
 ## Getting the API token for your Slack channel
 To allow the Dumbledore to connect your Slack channel you must provide him an API key. To retrieve it you need to add a new Bot in your Slack organization by visiting the following url: https://*yourorganization*.slack.com/services/new/bot, where *yourorganization* must be substituted with the name of your organization (e.g. https://*dumbledoretest*.slack.com/services/new/bot). Ensure you are logged to your Slack organization in your browser and you have the admin rights to add a new bot.
 

bin/bot.js

@@ -72,10 +72,10 @@ async function startBot() {
       const botCount = await query.count();
 
       if (!botCount) {
-        const name = process.env.BOT_NAME;
+        const name = 'bot1';//process.env.BOT_NAME;
 
         // base64 encoded token
-        let token = process.env.BOT_API_KEY;
+        let token = 'xoxb-248266143441-zgzDCId1tMbBG7GKaToXsUi2' //process.env.BOT_API_KEY;
         if (token.length > 42) token = atob(token);
 
         const obj = new Parse.Object(DB.BOT.CALL);

page/src/components/NavBar.css

@@ -0,0 +1,58 @@
+#navbar {
+  background-color: black;
+  padding: 1% 1.5%;
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  height: 6%;
+  color: white;
+  font-size: 1.3rem;
+}
+
+#login {
+  margin-left: auto;
+}
+
+#login_key {
+  position: relative;
+  left : 15%;
+  height: 33px;
+}
+
+#login_pw {
+  position: relative;
+  left : 6.7%;
+  height: 33px;
+}
+
+#modal-size{
+  position: relative;
+  left : 0%;
+  width: 30%;
+  margin: auto;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+#botRegister {
+  margin-left: 80%;
+}
+
+#bot_name {
+  position: relative;
+  left : 8%;
+  height: 33px;
+}
+
+#bot_pw {
+  position: relative;
+  left : 8.6%;
+  height: 33px;
+}
+
+#bot_email {
+  position: relative;
+  left : 23%;
+  height: 33px;
+}

page/src/components/NavBar.css.rej

@@ -0,0 +1,9 @@
+diff a/page/src/components/NavBar.css b/page/src/components/NavBar.css	(rejected hunks)
+@@ -36,7 +36,6 @@
+ }
+
+ #botRegister {
+-  margin-left: 83%;
+   margin-left: 80%;
+ }
+

page/src/containers/App.js

@@ -16,6 +16,7 @@ class App extends Component {
   render() {
     return (
       <div id="container">
+
         <NavBar />
         <Grid centered stackable stretched>
           <Grid.Row>