Restyled like button

Author: linkdotnet

LinkDotNet.Blog.UnitTests/Infrastructure/Persistence/CachedRepositoryTests.cs

@@ -60,7 +60,7 @@ await sut.GetAllAsync(
             2,
             30);
 
-            repositoryMock.Verify(
+        repositoryMock.Verify(
             r => r.GetAllAsync(
                 It.IsAny<Expression<Func<BlogPost, bool>>>(),
                 It.IsAny<Expression<Func<BlogPost, object>>>(),

LinkDotNet.Blog.UnitTests/Web/Shared/LikeTests.cs

@@ -22,9 +22,9 @@ public void ShouldDisplayLikes(int likes, string expectedText)
         var cut = RenderComponent<Like>(
             p => p.Add(l => l.BlogPost, blogPost));
 
-        var label = cut.Find("small").TextContent;
+        var label = cut.Find("button").TextContent;
 
-        label.Should().Be(expectedText);
+        label.Should().Contain(expectedText);
     }
 
     [Fact]
@@ -100,4 +100,4 @@ public void ShouldCheckStorageOnClickAgainAndDoNothingOnMismatch()
 
         wasClicked.Should().BeFalse();
     }
-}
+}

LinkDotNet.Blog.Web/Shared/Like.razor

@@ -2,8 +2,7 @@
 @using LinkDotNet.Blog.Domain
 @inject ILocalStorageService localStorage
 <div class="like-container">
-    <small>@BlogPost.Likes @LikeText</small>
-    <button class="btn @BtnClass" @onclick="LikeBlogPost"><i class="far fa-thumbs-up"></i> @LikeTextButton</button>
+    <button class="btn @BtnClass" @onclick="LikeBlogPost"><i class="far fa-thumbs-up"></i> @BlogPost.Likes @LikeText</button>
 </div>
 
 @code {
@@ -17,8 +16,6 @@
 
     private string BtnClass => HasLiked ? "btn-secondary" : "btn-primary";
 
-    private string LikeTextButton => HasLiked ? "Unlike" : "Like";
-    
     private string LikeText => BlogPost.Likes == 1 ? "Like" : "Likes";
 
     protected override async Task OnAfterRenderAsync(bool firstRender)