From 9de48becfac203d79007dbc0b3ed987b573322eb Mon Sep 17 00:00:00 2001
From: Alessandro Pignotti <a.pignotti@sssup.it>
Date: Sun, 13 Oct 2024 11:47:40 +0200
Subject: [PATCH] Svelte: Prototype CPU tab

---
 src/lib/CpuTab.svelte  | 4 ++++
 src/lib/SideBar.svelte | 3 +++
 2 files changed, 7 insertions(+)
 create mode 100644 src/lib/CpuTab.svelte

diff --git a/src/lib/CpuTab.svelte b/src/lib/CpuTab.svelte
new file mode 100644
index 0000000..dcbb7b8
--- /dev/null
+++ b/src/lib/CpuTab.svelte
@@ -0,0 +1,4 @@
+<h1 class="text-lg font-bold">CPU</h1>
+<p>WebVM is powered by CheerpX, a x86 virtualization engine in WebAssembly</p>
+<p>CheerpX can run securely run unmodified x86 binaries and libraries in the browser</p>
+<p>For more information: <a class="text-gray-300" href="https://cheerpx.io/" target="_blank">https://cheerpx.io</a></p>
diff --git a/src/lib/SideBar.svelte b/src/lib/SideBar.svelte
index 7704974..72ce536 100644
--- a/src/lib/SideBar.svelte
+++ b/src/lib/SideBar.svelte
@@ -1,6 +1,7 @@
 <script>
 	import Icon from './Icon.svelte';
 	import NetworkingTab from './NetworkingTab.svelte';
+	import CpuTab from './CpuTab.svelte';
 
 	const icons = [
 		//{ icon: 'fas fa-info-circle', info: 'Information' },
@@ -41,6 +42,8 @@
 	<div class="flex flex-col gap-5 shrink-0 w-60 h-full z-10 p-2 bg-neutral-600 text-gray-100" class:hidden={!activeInfo}>
 		{#if activeInfo === 'Networking'}
 			<NetworkingTab on:connect/>
+		{:else if activeInfo === 'CPU'}
+			<CpuTab/>
 		{:else}
 			<p>{activeInfo}</p>
 		{/if}