Added option to delete a tag

Author: linkdotnet

LinkDotNet.Blog.UnitTests/Web/Shared/Skills/SkillTagTests.cs

@@ -19,6 +19,7 @@ public void ShouldRenderImageAndText()
 
             cut.Find("span").TextContent.Should().Contain("C#");
             cut.Find("img").Attributes.Single(a => a.Name == "src").Value.Should().Be("test");
+            cut.FindAll("button").Should().HaveCount(0);
         }
 
         [Fact]
@@ -31,5 +32,21 @@ public void ShouldNotRenderImageWhenNotAvailable()
 
             cut.FindAll("img").Should().HaveCount(0);
         }
+
+        [Fact]
+        public void ShouldInvokeDeleteEvent()
+        {
+            var skill = new SkillBuilder().Build();
+            var wasInvoked = false;
+            var cut = RenderComponent<SkillTag>(p => p
+                .Add(
+                s => s.Skill, skill)
+                .Add(s => s.IsAuthenticated, true)
+                .Add(s => s.DeleteSkill, () => wasInvoked = true));
+
+            cut.Find("button").Click();
+
+            wasInvoked.Should().BeTrue();
+        }
     }
 }

LinkDotNet.Blog.Web/Shared/Skills/SkillTag.razor

@@ -6,9 +6,22 @@
         <img src="@Skill.IconUrl" alt="icon"/>
     }
     @Skill.Name
+
+    @if (IsAuthenticated)
+    {
+        <button type="button" class="btn btn-default" aria-label="Delete Skill" @onclick="() => DeleteSkill.InvokeAsync()">
+            <i class="fas fa-trash-alt" aria-hidden="true"></i>
+        </button>
+    }
 </span>
 
 @code {
     [Parameter]
     public Skill Skill { get; set; }
+
+    [Parameter]
+    public bool IsAuthenticated { get; set; }
+
+    [Parameter]
+    public EventCallback DeleteSkill { get; set; }
 }