Sunny-Moom/webvm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Svelte: Prototype GitHub tab

Browse Source
This commit is contained in:
Alessandro Pignotti 2024-10-14 08:09:00 +02:00
parent 5f2fe65fe7
commit 834566aa0e
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/GitHubTab.svelte Normal file
View File

@ -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>

5
src/lib/SideBar.svelte
View File

@ -4,6 +4,7 @@
import CpuTab from './CpuTab.svelte'; import CpuTab from './CpuTab.svelte';
import DiskTab from './DiskTab.svelte'; import DiskTab from './DiskTab.svelte';
import DiscordTab from './DiscordTab.svelte'; import DiscordTab from './DiscordTab.svelte';
import GitHubTab from './GitHubTab.svelte';
import { cpuActivity, diskActivity } from './activities.js' import { cpuActivity, diskActivity } from './activities.js'
const icons = [ const icons = [
@ -51,8 +52,10 @@
<DiskTab/> <DiskTab/>
{:else if activeInfo === 'Discord'} {:else if activeInfo === 'Discord'}
<DiscordTab/> <DiscordTab/>
{:else if activeInfo === 'GitHub'}
<GitHubTab/>
{:else} {:else}
<p>{activeInfo}</p> <p>TODO: {activeInfo}</p>
{/if} {/if}
<div class="mt-auto text-sm text-gray-300"> <div class="mt-auto text-sm text-gray-300">
<div class="pt-1 pb-1"> <div class="pt-1 pb-1">