From 43e10289c9c0a1a17ee6e8e65e6d54cf2a2a37af Mon Sep 17 00:00:00 2001
From: Alessandro Pignotti <a.pignotti@sssup.it>
Date: Mon, 30 Sep 2024 16:24:01 +0200
Subject: [PATCH] Preliminary support for sidebar icons

---
 src/Icon.svelte    | 10 ++++++++++
 src/SideBar.svelte | 14 ++++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 src/Icon.svelte

diff --git a/src/Icon.svelte b/src/Icon.svelte
new file mode 100644
index 0000000..54665b9
--- /dev/null
+++ b/src/Icon.svelte
@@ -0,0 +1,10 @@
+<script>
+	export let icon;
+	export let info;
+</script>
+
+<div 
+	class="p-4 cursor-pointer text-align" 
+>
+	{icon}
+</div>
diff --git a/src/SideBar.svelte b/src/SideBar.svelte
index 28b9073..9104db0 100644
--- a/src/SideBar.svelte
+++ b/src/SideBar.svelte
@@ -1,4 +1,18 @@
+<script>
+	import Icon from './Icon.svelte';
+
+	const icons = [
+		{ icon: '\u{1F6C8}', info: 'Information' }
+	];
+</script>
+
 <div class="flex flex-row w-14 bg-neutral-700">
 	<div class="flex flex-col">
+		{#each icons as { id, icon, info }}
+			<Icon
+				icon={icon}
+				info={info}
+			/>
+		{/each}
 	</div>
 </div>