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

feat: add sorting

Browse Source
This commit is contained in:
thomas
2024-01-14 20:54:47 +01:00
parent 2f624be582
commit 0eb370acfb
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/src/components/ChallengeFooter.astro
View File

@@ -2,13 +2,14 @@
import type { Props } from '@astrojs/starlight/props'; import type { Props } from '@astrojs/starlight/props';
import VideoButton from './VideoButton.astro' import VideoButton from './VideoButton.astro'
import ClipboardCopy from './ClipboardCopy.astro' import ClipboardCopy from './ClipboardCopy.astro'
import { Icon } from '@astrojs/starlight/components';
const { labels } = Astro.props; const { labels } = Astro.props;
const {author, challengeNumber, title, blogLink, videoLink, command} = Astro.props.entry.data; const {author, challengeNumber, title, blogLink, videoLink, command} = Astro.props.entry.data;
const authorLink = `https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A${challengeNumber}+label%3A"answer+author"`; const authorLink = `https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A${challengeNumber}+label%3A"answer+author"`;
const authorDescription = `${title} solution author`; const authorDescription = `${title} solution author`;
const communityLink = `https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A${challengeNumber}+label%3Aanswer`; const communityLink = `https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A${challengeNumber}+label%3Aanswer+sort%3Areactions-%2B1-desc`;
const communityDescription = `${title} community solutions`; const communityDescription = `${title} community solutions`;
const npxCommand = `npx nx serve ${command}`; const npxCommand = `npx nx serve ${command}`;
--- ---
@@ -31,7 +32,7 @@ const npxCommand = `npx nx serve ${command}`;
<a <a
href={communityLink} href={communityLink}
alt={communityDescription}> alt={communityDescription}>
❖ {labels['challenge.footer.communityAnswers'] ?? 'Community Answers'} ❖ {labels['challenge.footer.communityAnswers'] ?? 'Community Answers'}*
</a> </a>
<a <a
href={authorLink} href={authorLink}
@@ -49,6 +50,10 @@ const npxCommand = `npx nx serve ${command}`;
{videoLink && <VideoButton {...videoLink} {...Astro.props}/>} {videoLink && <VideoButton {...videoLink} {...Astro.props}/>}
</div> </div>
<div class="footer-note">
* You can upvote an answer with a 👍 if you like it
</div>
<style> <style>
.separator { .separator {
border-top: solid 1px var(--sl-color-hairline); border-top: solid 1px var(--sl-color-hairline);
@@ -62,5 +67,11 @@ const npxCommand = `npx nx serve ${command}`;
padding: 0.125rem 0.375rem; padding: 0.125rem 0.375rem;
font-size: var(--sl-text-code-sm); font-size: var(--sl-text-code-sm);
} }
.footer-note {
display: flex;
gap: 0.25rem;
margin-top: 3rem;
}
</style> </style>