From 26239de11931975679c54ed10270b0de50315749 Mon Sep 17 00:00:00 2001
From: Alessandro Pignotti <a.pignotti@sssup.it>
Date: Wed, 16 Oct 2024 16:45:02 +0200
Subject: [PATCH] Add stars to GH panel

---
 postcss.config.js        | 1 +
 src/lib/GitHubTab.svelte | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/postcss.config.js b/postcss.config.js
index 6cc4004..60899c6 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -14,6 +14,7 @@ export default {
 				case '.fa-compact-disc:before':
 				case '.fa-discord:before':
 				case '.fa-github:before':
+				case '.fa-star:before':
 				case '.fa-circle:before':
 					return false;
 			}
diff --git a/src/lib/GitHubTab.svelte b/src/lib/GitHubTab.svelte
index fd442c5..e037d2d 100644
--- a/src/lib/GitHubTab.svelte
+++ b/src/lib/GitHubTab.svelte
@@ -1,8 +1,12 @@
 <script>
 	import PanelButton from './PanelButton.svelte';
+	import GitHubStarCount from 'labs/packages/astro-theme/components/nav/GitHubStarCount.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"/>
+<PanelButton buttonIcon="assets/github-mark-white.svg" clickUrl="https://github.com/leaningtech/webvm" buttonText="Star on GitHub">
+	<i class='fas fa-star fa-xs ml-auto'></i>
+	<span class="ml-1"><GitHubStarCount repo="leaningtech/webvm"/></span>
+</PanelButton>
 <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>
+<p>Found a bug? Please open a <a class="underline" href="https://github.com/leaningtech/webvm/issues" target="_blank">GitHub issue</a></p>