update recipe endpoint

client/src/app/core/layout/layout.component.html

@@ -143,11 +143,9 @@
   </div>
 </aside>
 
-<div class="px-4 pt-16 sm:ml-64">
-  <div
-    class="p-4 border-2 border-gray-200 border-dashed rounded-lg sm:mt-5 md:mt-14"
-  >
-    <div class="grid grid-cols-1 gap-4 mb-4">
+<div class="pt-10 sm:ml-64">
+  <div class="p-4 sm:mt-5 md:mt-12">
+    <div class="grid grid-cols-1 gap-2 mb-2">
       <router-outlet></router-outlet>
     </div>
   </div>

client/src/app/core/services/recipe.service.ts

@@ -4,16 +4,19 @@ import { BehaviorSubject, Observable, distinctUntilChanged } from 'rxjs';
 import { Recipe } from '../models/recipe.model';
 import { environment } from 'src/environments/environment';
 
-interface Pagination {
+interface RecipeParams {
   offset: number;
   take: number;
+  search: string;
 }
 
 @Injectable({ providedIn: 'root' })
 export class RecipeService {
   constructor(private _httpClient: HttpClient) {}
 
-  getRecipes(paginate: Pagination = { take: 10, offset: 0 }): Observable<{
+  getRecipes(
+    params: RecipeParams = { take: 10, offset: 0, search: '' }
+  ): Observable<{
     recipes: Recipe;
     hasMore: boolean;
   }> {
@@ -22,10 +25,12 @@ export class RecipeService {
       hasMore: boolean;
     }>(environment.api + '/recipes', {
       params: {
-        offset: String(paginate.offset),
-        take: String(paginate.take),
+        offset: params.offset,
+        take: params.take,
+        search: params.search,
       },
       withCredentials: true,
+      responseType: 'json',
     });
   }
 }