fix(signals-sample): bloqueia requsição quando o CEP é vazio ou inválido

Author: Danilo Otavio Lima Salve

src/app/pages/signals/signals-sample/effect/effect.component.html

@@ -20,11 +20,12 @@
   @let isLoading = addressResource.isLoading();
   @let error = addressResource.error();
   @let hasValue = addressResource.hasValue();
+  @let hasError = address?.erro === 'true';
 
   @if (isLoading) {
     <po-loading-overlay />
   } @else {
-    @if (hasValue && address) {
+    @if (hasValue && address && !hasError) {
       <po-info p-label="Logradouro" [p-value]="address.logradouro" />
       <po-info p-label="Bairro" [p-value]="address.bairro" />
       <po-info p-label="Cidade" [p-value]="address.localidade" />
@@ -33,7 +34,7 @@
       <po-info p-label="DDD" [p-value]="address.ddd" />
     }
   }
-  @if (error && enabled()) {
+  @if ((error || hasError) && enabled()) {
     <p class="po-font-text-large po-mt-2">Ops...</p>
     <p class="po-font-text-large">Ocorreu um erro ao buscar o Endereço :(</p>
   }

src/app/pages/signals/signals-sample/effect/effect.component.ts

@@ -33,22 +33,17 @@ export class EffectComponent {
   readonly currentZipCode = computed(() => (this.zipCode().length === 8 ? this.zipCode() : this.lastZipCode()));
   readonly lastZipCode = signal<string>('');
 
-  // addressResource = resource({
-  //   request: this.currentZipCode,
-  //   loader: ({ request: zipCode, abortSignal }): Promise<Address> => {
-  //     return fetch(`${this.apiUrl}/${zipCode || '0'}/json/`, { signal: abortSignal }).then(
-  //       address => address.json() as unknown as Address
-  //     );
-  //     // return Promise.resolve(ADDRESS_DEFAULT)
-  //   }
-  // });
-
   protected readonly addressResource = resource({
     params: () => ({ code: this.currentZipCode() }),
-    loader: ({ params, abortSignal }) =>
-      fetch(`${this.apiUrl}/${params.code || '0'}/json`, { signal: abortSignal }).then(
+    loader: ({ params, abortSignal }) => {
+      if (!params.code || params.code.length !== 8) {
+        return Promise.resolve({} as Address);
+      }
+
+      return fetch(`${this.apiUrl}/${params.code}/json`, { signal: abortSignal }).then(
         address => address.json() as unknown as Address
-      )
+      );
+    }
   });
 
   constructor() {

src/app/pages/signals/signals-sample/shared/interface/address.interface.ts

@@ -16,4 +16,5 @@ export interface Address {
   gia: string;
   ddd: string;
   siafi: string;
+  erro?: string;
 }