vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-11 21:33:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: add github stats

Browse Source
This commit is contained in:
thomas
2024-03-28 09:52:18 +01:00
parent 00ff67f93b
commit bb4d1b14a0
8 changed files with 163 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
docs/src/components/SiteTitle.astro
View File

@@ -1,17 +1,6 @@
---
import { getEntry } from 'astro:content';
import type { Props } from '@astrojs/starlight/props';
import Default from '@astrojs/starlight/components/SiteTitle.astro';
import MyIcon from './MyIcon.astro';
const { challengeNumber } = Astro.props.entry.data;
const { lang } = Astro.props;
const { data } = await getEntry('i18n', lang);
const response = await fetch(`https://api.github.com/repos/tomalaforge/angular-challenges`);
const { stargazers_count, forks } = await response.json();
import GitHubStats from './GitHubStats.svelte';
---
@@ -19,34 +8,6 @@ const { stargazers_count, forks } = await response.json();
<slot />
</Default>
<div class="github">
<a class="category" href="https://github.com/tomalaforge/angular-challenges">
<MyIcon name="star" />
<div>{stargazers_count}</div>
</a>
<GitHubStats client:load />
<div class="category fork">
<MyIcon name="fork" viewBox="0 0 16 16" />
<div>{forks}</div>
</div>
</div>
<style>
.github {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: var(--sl-nav-gap)
}
.category {
display: flex;
align-items: center;
font-size: 12px;
gap: 0.25rem;
}
.fork {
//margin-top: -5px;
}
</style>