Setup the layout for ServerManagerView.

app/main/index.js

@@ -190,7 +190,6 @@ function createMainWindow() {
 		minHeight: 400,
 		titleBarStyle: 'hidden-inset',
 		webPreferences: {
-			preload: path.join(__dirname, '../renderer/js/preload.js'),
 			plugins: true,
 			allowDisplayingInsecureContent: true,
 			nodeIntegration: true

app/renderer/css/servermanager.css

@@ -59,7 +59,6 @@ html, body {
 
 .server-button .server-name{
     background: #a4d3c4;
-    background-image: url(https://chat.zulip.org/static/images/logo/zulip-icon-128x128.271d0f6a0ca2.png);
     background-size: 100%;
     border-radius: 4px;
     width: 44px;

app/renderer/js/main.js

@@ -1 +1,39 @@
 'use strict';
+
+const path = require("path");
+const DomainUtil = require(path.resolve(('app/renderer/js/utils/domain-util.js')));
+class ServerManagerView {
+    constructor() {
+        this.serverButtonTemplate = `
+            <div class="server-button active">
+                <div class="server-name" style="background-image: url();"></div>
+            </div>`;
+        this.$serversContainer = document.getElementById('servers-container');
+
+        const $actionsContainer = document.getElementById('actions-container');
+        this.$addServerButton = $actionsContainer.querySelector('#add-action');
+        this.$settingsButton = $actionsContainer.querySelector('#settings-action');
+    }
+    
+    init() {
+        this.domainUtil = new DomainUtil();
+        console.log(this.domainUtil.getDomains());
+    }
+
+    initServers() {
+        
+    }
+
+    initActions() {
+
+    }
+
+    addServer() {
+
+    }
+}
+
+window.onload = () => {
+    const serverManagerView = new ServerManagerView();
+    serverManagerView.init();
+}

app/renderer/main.html

@@ -15,7 +15,7 @@
             <div class="server-name"></div>
           </div>
           <div class="server-button active">
-            <div class="server-name"></div>
+            <div class="server-name" style="background-image: url(https://chat.zulip.org/static/images/logo/zulip-icon-128x128.271d0f6a0ca2.png);"></div>
           </div>
           <div class="server-button">
             <div class="server-name"></div>
@@ -30,9 +30,7 @@
           </div>
         </div>
       </div>
-      <webview id="webview" src="https://chat.zulip.org" disablewebsecurity webpreferences="allowRunningInsecureContent, javascript=yes">>
+      <webview id="webview" src="https://chat.zulip.org" disablewebsecurity webpreferences="allowRunningInsecureContent, javascript=yes">/>
-
-      </webview>
     </div>
   </body>
   <script src="js/main.js"></script>