Add tag links

ligershark · Feb 24, 2020 · 16690e6 · 16690e6
1 parent 98a2ca7
commit 16690e6
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/BestForYouRecipes/Components/RecipeCard.razor b/src/BestForYouRecipes/Components/RecipeCard.razor
@@ -8,8 +8,6 @@
 </div>
 
 @code {
-    Review review;
-
     [Parameter]
     public Recipe Recipe { get; set; }
 }
diff --git a/src/BestForYouRecipes/Components/SearchBox.razor b/src/BestForYouRecipes/Components/SearchBox.razor
@@ -11,14 +11,15 @@
     Timer debounceTimer;
     string searchQuery;
 
-    string SearchQuery
+    [Parameter]
+    public string SearchQuery
     {
         get => searchQuery;
         set
         {
             searchQuery = value;
-            debounceTimer.Stop();
-            debounceTimer.Start();
+            debounceTimer?.Stop();
+            debounceTimer?.Start();
         }
     }
 

diff --git a/src/BestForYouRecipes/Pages/RecipeDetails.razor b/src/BestForYouRecipes/Pages/RecipeDetails.razor
@@ -38,7 +38,7 @@
             <h2>Tags</h2>
             @foreach (var tag in recipe.Tags)
             {
-                <span class="tag">@tag</span>
+                <a class="tag" href="@($"tag/{tag}")">@tag</a>
             }
             <StarRatingReviews Reviews="recipe.Reviews" OnSubmitReview="OnSubmitReview" />
         </div>

diff --git a/src/BestForYouRecipes/wwwroot/css/site.css b/src/BestForYouRecipes/wwwroot/css/site.css
@@ -162,7 +162,9 @@ header {
     }
 
 .tag {
+    color: inherit;
     font-size: 0.8em;
+    text-decoration: none;
     background-color: #eaeaea;
     text-transform: uppercase;
     padding: 0 4px;