grenade/moments
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): forge icon on project page header

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
rob thijssen
2026-05-05 18:30:13 +03:00
parent d46a0e3777
commit abc90c8da0
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ui/src/pages/ProjectPage.tsx
View File

@@ -54,8 +54,7 @@ export function ProjectPage() {
<> <>
<Row className="mb-3"> <Row className="mb-3">
<Col> <Col>
<h2>{repo}</h2> <h2><img src={forgeIcon(source ?? '')} alt={source} className="forge-icon" style={{ width: 24, height: 24 }} />{repo}</h2>
<small className="text-muted">{source}</small>
{langs && <LanguageBar languages={langs} />} {langs && <LanguageBar languages={langs} />}
</Col> </Col>
</Row> </Row>
@@ -90,6 +89,15 @@ export function ProjectPage() {
); );
} }
function forgeIcon(source: string): string {
switch (source) {
case 'github': return '/github.svg';
case 'gitea': return '/gitea.svg';
case 'hg': return '/mozilla.svg';
default: return '/github.svg';
}
}
function LanguageBar({ languages }: { languages: Record<string, number> }) { function LanguageBar({ languages }: { languages: Record<string, number> }) {
const total = Object.values(languages).reduce((a, b) => a + b, 0); const total = Object.values(languages).reduce((a, b) => a + b, 0);
if (total === 0) return null; if (total === 0) return null;