From 3a74cf47590e9aa8d752804f4562b45c3bf25d45 Mon Sep 17 00:00:00 2001
From: Jan Hoegerle <jan.hoegerle@gmail.com>
Date: Tue, 8 Apr 2025 16:19:18 +0200
Subject: [PATCH] Added content to Sidebar

---
 frontend/src/components/SideBar.vue | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/SideBar.vue b/frontend/src/components/SideBar.vue
index ede4f3f..bdab2cc 100644
--- a/frontend/src/components/SideBar.vue
+++ b/frontend/src/components/SideBar.vue
@@ -2,20 +2,25 @@
 import Drawer from 'primevue/drawer'
 import { ref } from 'vue'
 
-var elements: ['Max', 'Anna', 'Tom']
+var elements = ['doulrion', 'Anna', 'Tom']
 var visible = ref(true)
+var closeIcon = ref(false)
 </script>
 
 <template>
-  <div class="card flex justify-center">
-    <Drawer v-model:visible="visible" header="Drawer">
-      <div>
-        <ul>
-          <li v-for="item in elements">
-            <p>{{ item }}</p>
-          </li>
-        </ul>
-      </div>
-    </Drawer>
-  </div>
+  <Drawer
+    v-model:visible="visible"
+    :showCloseIcon="closeIcon"
+    :modal="false"
+    :dismissable="false"
+    header=""
+  >
+    <div>
+      <ul>
+        <li v-for="item in elements">
+          <a url="twitch.tv/{{ item }}">{{ item }}</a>
+        </li>
+      </ul>
+    </div>
+  </Drawer>
 </template>