feat: 🎸 capitalize community type and cfp date

✅ Closes: #115
angular-sanctuary · Dec 6, 2023 · 6af05f0 · 6af05f0
1 parent fdf6aa9
commit 6af05f0
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/angular-hub/src/app/components/cards/call-for-paper-card.component.ts b/angular-hub/src/app/components/cards/call-for-paper-card.component.ts
@@ -21,7 +21,7 @@ import { DatePipe, NgIf, NgOptimizedImage } from '@angular/common';
           *ngIf="cfp.deadline"
           class="font-bold text-primary"
           itemprop="date"
-          >until {{ cfp.deadline | date }}</span
+          >Until {{ cfp.deadline | date }}</span
         >
         <h3 [attr.id]="cfp.title" class="text-xl font-bold" itemprop="title">
           {{ cfp.title }}

diff --git a/angular-hub/src/app/components/cards/call-for-paper-lite-card.component.ts b/angular-hub/src/app/components/cards/call-for-paper-lite-card.component.ts
@@ -22,7 +22,7 @@ import { DatePipe, NgIf, NgOptimizedImage } from '@angular/common';
         }}</span>
       </div>
       <span *ngIf="cfp.deadline" class="font-bold text-primary" itemprop="date"
-        >until {{ cfp.deadline | date }}</span
+        >Until {{ cfp.deadline | date }}</span
       >
     </article>
   `,

diff --git a/angular-hub/src/app/components/cards/community-card.component.ts b/angular-hub/src/app/components/cards/community-card.component.ts
@@ -1,12 +1,12 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { NgOptimizedImage } from '@angular/common';
+import { NgOptimizedImage, TitleCasePipe } from '@angular/common';
 import { Community } from '../../models/community.model';
 
 @Component({
   selector: 'app-community-card',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [NgOptimizedImage],
+  imports: [NgOptimizedImage, TitleCasePipe],
   template: `
     <article class="flex w-full items-center gap-4">
       <img
@@ -18,7 +18,7 @@ import { Community } from '../../models/community.model';
       />
       <div class="text-start">
         <span class="font-bold text-primary" itemprop="type">{{
-          community.type
+          community.type | titlecase
         }}</span>
         <h3
           [attr.aria-labelledby]="community.title"

diff --git a/angular-hub/src/app/components/cards/community-lite-card.component.ts b/angular-hub/src/app/components/cards/community-lite-card.component.ts
@@ -1,12 +1,12 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { NgOptimizedImage } from '@angular/common';
+import { NgOptimizedImage, TitleCasePipe } from '@angular/common';
 import { Community } from '../../models/community.model';
 
 @Component({
   selector: 'app-community-lite-card',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [NgOptimizedImage],
+  imports: [NgOptimizedImage, TitleCasePipe],
   template: `
     <article class="flex flex-col w-full">
       <div class="flex flex-wrap items-center">
@@ -23,7 +23,7 @@ import { Community } from '../../models/community.model';
       </div>
       <div>
         <span class="font-bold text-primary" itemprop="type">{{
-          community.type
+          community.type | titlecase
         }}</span>
       </div>
     </article>