From 834566aa0e1470fd5af315f09735c898368e81d0 Mon Sep 17 00:00:00 2001
From: Alessandro Pignotti <a.pignotti@sssup.it>
Date: Mon, 14 Oct 2024 08:09:00 +0200
Subject: [PATCH] Svelte: Prototype GitHub tab

---
 src/lib/GitHubTab.svelte | 8 ++++++++
 src/lib/SideBar.svelte   | 5 ++++-
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/GitHubTab.svelte

diff --git a/src/lib/GitHubTab.svelte b/src/lib/GitHubTab.svelte
new file mode 100644
index 0000000..fd442c5
--- /dev/null
+++ b/src/lib/GitHubTab.svelte
@@ -0,0 +1,8 @@
+<script>
+	import PanelButton from './PanelButton.svelte';
+</script>
+
+<h1 class="text-lg font-bold">GitHub</h1>
+<PanelButton buttonIcon="assets/github-mark-white.svg" clickUrl="https://github.com/leaningtech/webvm" buttonText="GitHub Repo"/>
+<p>WebVM is FOSS, you can fork it to build your own version and begin working on your CheerpX-based project</p>
+<p>Found a bug? Please open a GitHub issue</p>
diff --git a/src/lib/SideBar.svelte b/src/lib/SideBar.svelte
index 48377c8..6133d45 100644
--- a/src/lib/SideBar.svelte
+++ b/src/lib/SideBar.svelte
@@ -4,6 +4,7 @@
 	import CpuTab from './CpuTab.svelte';
 	import DiskTab from './DiskTab.svelte';
 	import DiscordTab from './DiscordTab.svelte';
+	import GitHubTab from './GitHubTab.svelte';
 	import { cpuActivity, diskActivity } from './activities.js'
 
 	const icons = [
@@ -51,8 +52,10 @@
 			<DiskTab/>
 		{:else if activeInfo === 'Discord'}
 			<DiscordTab/>
+		{:else if activeInfo === 'GitHub'}
+			<GitHubTab/>
 		{:else}
-			<p>{activeInfo}</p>
+			<p>TODO: {activeInfo}</p>
 		{/if}
 		<div class="mt-auto text-sm text-gray-300">
 			<div class="pt-1 pb-1">