Fix dialog not opened and dialog close button

Author: linkdotnet

LinkDotNet.Blog.Web/Shared/ModalDialog.razor

@@ -4,8 +4,7 @@
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title">@Title</h5>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close" @onclick="Close">
-                    <span aria-hidden="true"><i class="fas fa-times"></i></span>
+                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close" @onclick="Close">
                 </button>
             </div>
             <div class="modal-body">

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

@@ -10,11 +10,12 @@
         <div class="mb-3">
             <label for="image">Image Url</label>
             <InputText class="form-control" id="image" @bind-Value="model.ImageUrl" rows="4"/>
-            <small id="image" class="form-text text-muted">If set is used before the skill (optional)</small>
+            <small id="image" class="form-text text-muted">If set is used before the skill (optional). 24x24 pixel
+            optimal size</small>
         </div>
         <div class="mb-3">
-                    <label for="title">Skill name</label>
-                    <InputText class="form-control" id="title" @bind-Value="model.Skill" />
+                    <label for="capability">Capability</label>
+                    <InputText class="form-control" id="capability" @bind-Value="model.Capability" />
                 </div>
         <div class="mb-3">
             <label for="tags">Proficiency</label>
@@ -36,5 +37,6 @@
     public void Open()
     {
         Dialog.Open();
+        StateHasChanged();
     }
 }

LinkDotNet.Blog.Web/Shared/Skills/AddSkillModel.cs

@@ -11,5 +11,8 @@ public class AddSkillModel
 
         [Required]
         public string Proficiency { get; set; }
+
+        [Required]
+        public string Capability { get; set; }
     }
 }

LinkDotNet.Domain/Skill.cs

@@ -2,6 +2,8 @@
 {
     public class Skill
     {
+        public string Id { get; set; }
+
         public string IconUrl { get; set; }
 
         public string Name { get; set; }