From 4c3c7f18fcc556232670deb1aaef6e8dff584899 Mon Sep 17 00:00:00 2001
From: Phil Kunz <gitlab@philkunz.com>
Date: Sat, 23 May 2020 13:13:58 +0000
Subject: [PATCH] fix(core): update

---
 ts_web/elements/wcc-sidebar.ts | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/ts_web/elements/wcc-sidebar.ts b/ts_web/elements/wcc-sidebar.ts
index dd18ed8..859cafb 100644
--- a/ts_web/elements/wcc-sidebar.ts
+++ b/ts_web/elements/wcc-sidebar.ts
@@ -2,11 +2,14 @@ import { LitElement, property, html, customElement, TemplateResult } from 'lit-e
 
 @customElement('wcc-sidebar')
 export class WccSidebar extends LitElement {
-  @property()
-  public pages: { [key: string]: TemplateResult };
+  @property({type: Array})
+  public websites: string[] = [];
 
   @property()
-  public elements: { [key: string]: LitElement };
+  public pages: { [key: string]: TemplateResult } = {};
+
+  @property()
+  public elements: { [key: string]: LitElement } = {};
 
   @property({ attribute: false })
   public selectedItem: LitElement | TemplateResult;
@@ -92,9 +95,9 @@ export class WccSidebar extends LitElement {
       </div>
       <div class="menu">
         <h3>Live Websites</h3>
-        <div class="selectOption"><i class="material-icons">ondemand_video</i><div class="text">lossless.com</div></div>
-        <div class="selectOption"><i class="material-icons">ondemand_video</i><div class="text">central.eu</div></div>
-        <div class="selectOption"><i class="material-icons">ondemand_video</i><div class="text">coffee.link</div></div>
+        ${this.websites.map(website => {
+          return html`<div class="selectOption"><i class="material-icons">ondemand_video</i><div class="text">${website}</div></div>`;
+        })}
         <h3>Pages</h3>
         ${(() => {
           const pages = Object.keys(this.pages);