From 412db2f51e15bafd92279952560c2d9731180617 Mon Sep 17 00:00:00 2001
From: Laforge Thomas <30832608+tomalaforge@users.noreply.github.com>
Date: Mon, 17 Jun 2024 17:47:53 +0200
Subject: [PATCH] feat: add github avatar to the 300 (#314)
---
.../(home)/components/th-item.component.ts | 24 ++++++++++++-------
.../components/three-hundred.component.ts | 2 +-
2 files changed, 17 insertions(+), 9 deletions(-)
diff --git a/apps/app/src/app/pages/(home)/components/th-item.component.ts b/apps/app/src/app/pages/(home)/components/th-item.component.ts
index b04d59149..2eabb1ef6 100644
--- a/apps/app/src/app/pages/(home)/components/th-item.component.ts
+++ b/apps/app/src/app/pages/(home)/components/th-item.component.ts
@@ -1,23 +1,31 @@
-import { Component, Input } from '@angular/core';
-import { SpartanLogoComponent } from '@spartan-ng/app/app/shared/spartan-logo.component';
+import { NgOptimizedImage } from '@angular/common';
+import { Component, computed, input } from '@angular/core';
@Component({
selector: 'spartan-th-item',
standalone: true,
- imports: [SpartanLogoComponent],
+ imports: [NgOptimizedImage],
host: {
class: 'inline-flex flex-col justify-center items-center',
},
template: `
-
-
+
+
-
+ {{contributor()}}
`,
})
export class ThreeHundredItemComponent {
- @Input()
- href = '';
+ contributor = input.required();
+ href = computed(() => `https://github.com/${this.contributor()}`)
+ src = computed(() => `${this.href()}.png?size=80`)
}
diff --git a/apps/app/src/app/pages/(home)/components/three-hundred.component.ts b/apps/app/src/app/pages/(home)/components/three-hundred.component.ts
index ea195a374..33b443fa4 100644
--- a/apps/app/src/app/pages/(home)/components/three-hundred.component.ts
+++ b/apps/app/src/app/pages/(home)/components/three-hundred.component.ts
@@ -11,7 +11,7 @@ import { ThreeHundredItemComponent } from './th-item.component';
},
template: `
@for (contributor of _contributors; track $index) {
- {{ contributor }}
+
}
@for (item of _rest; track $index) {