From 47ca207198db12b398bd4e95a29f7ed891ee0da1 Mon Sep 17 00:00:00 2001
From: Kyle Kemp <kyle@seiyria.com>
Date: Fri, 30 Aug 2024 12:13:43 -0500
Subject: [PATCH] closes #150

---
 src/app/_shared/components/card-text/card-text.component.html | 2 +-
 src/app/_shared/components/card-text/card-text.component.ts   | 1 +
 src/app/_shared/pipes/faq.pipe.ts                             | 3 ++-
 src/app/card/card.page.html                                   | 3 ++-
 src/app/errata/errata.page.html                               | 2 +-
 5 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/_shared/components/card-text/card-text.component.html b/src/app/_shared/components/card-text/card-text.component.html
index fe1a2da..20cfac0 100644
--- a/src/app/_shared/components/card-text/card-text.component.html
+++ b/src/app/_shared/components/card-text/card-text.component.html
@@ -1 +1 @@
-<p [innerHtml]="html">{{ text() }}</p>
\ No newline at end of file
+<p [innerHtml]="html | faq:product() | markdown">{{ text() }}</p>
\ No newline at end of file
diff --git a/src/app/_shared/components/card-text/card-text.component.ts b/src/app/_shared/components/card-text/card-text.component.ts
index aa04532..efc33c7 100644
--- a/src/app/_shared/components/card-text/card-text.component.ts
+++ b/src/app/_shared/components/card-text/card-text.component.ts
@@ -9,6 +9,7 @@ import { environment } from '../../../../environments/environment';
 })
 export class CardTextComponent {
   public text = input.required<string>();
+  public product = input<string>();
 
   public html = '';
 
diff --git a/src/app/_shared/pipes/faq.pipe.ts b/src/app/_shared/pipes/faq.pipe.ts
index c042924..3109c4c 100644
--- a/src/app/_shared/pipes/faq.pipe.ts
+++ b/src/app/_shared/pipes/faq.pipe.ts
@@ -9,8 +9,9 @@ export class FaqPipe implements PipeTransform {
   private metaService = inject(MetaService);
   private cardsService = inject(CardsService);
 
-  transform(value: string, ...args: string[]): string {
+  transform(value: string, ...args: (string | undefined)[]): string {
     const [productId] = args;
+    if (!productId) return value ?? '';
 
     const ruleRegex = /\$rule:([\d.]+)\$/gm;
     value = value.replace(ruleRegex, (match, p1) => {
diff --git a/src/app/card/card.page.html b/src/app/card/card.page.html
index 266d2fc..9179b94 100644
--- a/src/app/card/card.page.html
+++ b/src/app/card/card.page.html
@@ -114,7 +114,8 @@ <h3 itemprop="name" [innerHTML]="'Q: ' + (entry.q | faq:cardData.game | markdown
                 @for(entry of errata(); track $index) {
                 <ion-item>
                   <ion-label text-wrap>
-                    <p [innerHTML]="'&bull; ' + entry.text | faq:cardData.game | markdown"></p>
+
+                    <app-card-text [text]="'&bull; ' + entry.text" [product]="cardData.game"></app-card-text>
                   </ion-label>
                 </ion-item>
                 }
diff --git a/src/app/errata/errata.page.html b/src/app/errata/errata.page.html
index 3161147..4b9085a 100644
--- a/src/app/errata/errata.page.html
+++ b/src/app/errata/errata.page.html
@@ -32,7 +32,7 @@
               @for(errataEntry of entry.errata; track $index) {
               <ion-item>
                 <ion-label text-wrap>
-                  <p [innerHTML]="errataEntry.text | faq:productId() | markdown"></p>
+                  <app-card-text [text]="errataEntry.text" [product]="productId()"></app-card-text>
                 </ion-label>
               </ion-item>
               }