Added Footer

src/LinkDotNet.Blog.Web/Shared/Footer.razor

@@ -0,0 +1,12 @@
+@inject AppConfiguration appConfiguration
+
+<div class="py-4">
+    <footer class="text-center container">
+        <span class="py-2 mb-0 text-muted">© @DateTime.Now.Year @CopyrightName</span>
+    </footer>
+</div>
+@code {
+    private string CopyrightName => appConfiguration.IsAboutMeEnabled
+        ? appConfiguration.ProfileInformation.Name
+        : string.Empty;
+}

src/LinkDotNet.Blog.Web/Shared/MainLayout.razor

@@ -4,8 +4,11 @@
 <BlazoredToasts Position="ToastPosition.BottomRight" />
 <div class="position-relative">
     <NavMenu/>
-
-    <div class="page">
-        @Body
-    </div>
-</div>
+
+    <main>
+        <div class="page">
+            @Body
+        </div>
+    </main>
+</div>
+<Footer></Footer>

src/LinkDotNet.Blog.Web/wwwroot/css/basic.css

@@ -10,7 +10,7 @@
     --big-stone: #193441;  
 
     --white: #ffffff;
-    --wild-sand: #f4f4f4;    
+    --wild-sand: #f4f4f4;
 
     /* Usages - this colors have to be defined in every theme */
     --active-link: var(--big-stone);

tests/LinkDotNet.Blog.UnitTests/Web/Shared/FooterTests.cs

@@ -0,0 +1,40 @@
+using Bunit;
+using FluentAssertions;
+using LinkDotNet.Blog.Domain;
+using LinkDotNet.Blog.Web;
+using LinkDotNet.Blog.Web.Shared;
+using Microsoft.Extensions.DependencyInjection;
+using Xunit;
+
+namespace LinkDotNet.Blog.UnitTests.Web.Shared;
+
+public class FooterTests : TestContext
+{
+    [Fact]
+    public void ShouldSetCopyrightInformation()
+    {
+        var appConfig = new AppConfiguration
+        {
+            ProfileInformation = new ProfileInformation()
+            {
+                Name = "Steven",
+            },
+        };
+        Services.AddScoped(_ => appConfig);
+
+        var cut = RenderComponent<Footer>();
+
+        cut.Find("span").TextContent.Should().Contain("Steven");
+    }
+
+    [Fact]
+    public void ShouldNotSetNameIfAboutMeIsNotEnabled()
+    {
+        var appConfig = new AppConfiguration();
+        Services.AddScoped(_ => appConfig);
+
+        var cut = RenderComponent<Footer>();
+
+        cut.Find("span").TextContent.Should().Contain("©");
+    }
+}