From 3463ca405adc20af56319e13ca6acd9a5d06028f Mon Sep 17 00:00:00 2001
From: "pakintada@gmail.com" <Pakin>
Date: Fri, 15 Dec 2023 09:28:40 +0700
Subject: [PATCH] fix recipe detail link

---
 .../app/features/recipes/recipes.component.html  |  2 +-
 .../app/features/recipes/recipes.component.ts    | 16 +++++-----------
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/client/src/app/features/recipes/recipes.component.html b/client/src/app/features/recipes/recipes.component.html
index 04f7ae9..326b534 100644
--- a/client/src/app/features/recipes/recipes.component.html
+++ b/client/src/app/features/recipes/recipes.component.html
@@ -330,7 +330,7 @@
         <td class="px-4 py-4 flex">
           <!-- <recipe-modal productCode="{{ recipe.productCode }}"></recipe-modal> -->
           <a
-            routerLink="/recipe/{{ recipe.productCode }}"
+            routerLink="/{{department}}/recipe/{{ recipe.productCode }}"
             class="btn btn-ghost"
           >
             <svg
diff --git a/client/src/app/features/recipes/recipes.component.ts b/client/src/app/features/recipes/recipes.component.ts
index e150ef0..016ba33 100644
--- a/client/src/app/features/recipes/recipes.component.ts
+++ b/client/src/app/features/recipes/recipes.component.ts
@@ -24,7 +24,7 @@ import {
   tap,
 } from 'rxjs';
 import * as lodash from 'lodash';
-import { RouterLink } from '@angular/router';
+import { ActivatedRoute, RouterLink } from '@angular/router';
 import { NgSelectModule } from '@ng-select/ng-select';
 import { FormsModule } from '@angular/forms';
 import { MaterialService } from 'src/app/core/services/material.service';
@@ -69,11 +69,11 @@ export class RecipesComponent implements OnInit, OnDestroy {
   saveTab: boolean = false;
   showSaveNoti: boolean = true;
 
-  tableCtx?: ElementRef;
+  department: string = this.route.parent!.snapshot.params['department'];
+
 
   @ViewChild('table', { static: false }) set content(table: ElementRef) {
     // expose element ref for other fn
-    this.tableCtx = table;
 
     table.nativeElement.addEventListener(
       'scroll',
@@ -114,7 +114,8 @@ export class RecipesComponent implements OnInit, OnDestroy {
 
   constructor(
     private _recipeService: RecipeService,
-    private _materialService: MaterialService
+    private _materialService: MaterialService,
+    private route: ActivatedRoute,
   ) {}
 
   ngOnInit(): void {
@@ -159,8 +160,6 @@ export class RecipesComponent implements OnInit, OnDestroy {
           },
         })
 
-
-
     this._materialService
       .getMaterialCodes()
       .pipe(
@@ -351,11 +350,6 @@ export class RecipesComponent implements OnInit, OnDestroy {
     this.saveTab = true;
   }
 
-  scrollToTop() {
-    const table = this.tableCtx!.nativeElement;
-    table.scrollTo({ top: 0, behavior: 'smooth' });
-  }
-
   ngOnDestroy(): void {
     if (this.currentCountryFilterSubScription) {
       this.currentCountryFilterSubScription.unsubscribe();