@@ -25,31 +25,31 @@ import { PhotoStore } from './photos.store';
2525 RouterLinkWithHref ,
2626 ] ,
2727 template : `
28- <h2 class="text-xl mb-2">Photos</h2>
28+ <h2 class="mb-2 text-xl ">Photos</h2>
2929
3030 <mat-form-field appearance="fill">
3131 <mat-label>Search</mat-label>
3232 <input
3333 type="text"
3434 matInput
3535 [formControl]="search"
36- placeholder="write an article " />
36+ placeholder="find a photo " />
3737 </mat-form-field>
3838
3939 <ng-container *ngrxLet="vm$ as vm">
4040 <section class="flex flex-col">
41- <section class="flex gap-3 items-center">
41+ <section class="flex items-center gap-3 ">
4242 <button
4343 [disabled]="vm.page === 1"
4444 [class.bg-gray-400]="vm.page === 1"
45- class="text-xl border rounded-md p-3"
45+ class="rounded-md border p-3 text-xl "
4646 (click)="store.previousPage()">
4747 <
4848 </button>
4949 <button
5050 [disabled]="vm.endOfPage"
5151 [class.bg-gray-400]="vm.endOfPage"
52- class="text-xl border rounded-md p-3"
52+ class="rounded-md border p-3 text-xl "
5353 (click)="store.nextPage()">
5454 >
5555 </button>
@@ -93,7 +93,7 @@ export default class PhotosComponent implements OnInit {
9393 this . search . setValue ( search ) ;
9494 this . formInit = true ;
9595 }
96- } )
96+ } ) ,
9797 ) ;
9898
9999 private formInit = false ;
@@ -104,8 +104,8 @@ export default class PhotosComponent implements OnInit {
104104 this . search . valueChanges . pipe (
105105 skipWhile ( ( ) => ! this . formInit ) ,
106106 debounceTime ( 300 ) ,
107- distinctUntilChanged ( )
108- )
107+ distinctUntilChanged ( ) ,
108+ ) ,
109109 ) ;
110110 }
111111
0 commit comments