Browse Source

Add stars to GH panel

Alessandro Pignotti 9 months ago
parent
commit
26239de119
2 changed files with 7 additions and 2 deletions
  1. 1 0
      postcss.config.js
  2. 6 2
      src/lib/GitHubTab.svelte

+ 1 - 0
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;
 			}

+ 6 - 2
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>