feat: challenge 54 pipe obs signal (#903)

apps/signal/54-pipe-observable-to-signal/src/app/product-row.component.ts

@@ -0,0 +1,34 @@
+import { AsyncPipe } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  inject,
+  Input,
+} from '@angular/core';
+import { CurrencyPipe } from './currency.pipe';
+import { CurrencyService } from './currency.service';
+import { Product } from './product.model';
+
+@Component({
+  standalone: true,
+  selector: 'tr[product-row]',
+  template: `
+    <td>{{ productInfo.name }}</td>
+    <td>{{ productInfo.priceA | currency | async }}</td>
+    <td>{{ productInfo.priceB | currency | async }}</td>
+    <td>{{ productInfo.priceC | currency | async }}</td>
+  `,
+  imports: [AsyncPipe, CurrencyPipe],
+  providers: [CurrencyService],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ProductRowComponent {
+  protected productInfo!: Product;
+
+  @Input({ required: true }) set product(product: Product) {
+    this.currencyService.updateCode(product.currencyCode);
+    this.productInfo = product;
+  }
+
+  currencyService = inject(CurrencyService);
+}