Corrected Pagination

Author: linkdotnet

LinkDotNet.Blog.Web/Pages/Index.razor

@@ -19,14 +19,14 @@
             <ShortBlogPost BlogPost="_currentPage[i]" UseAlternativeStyle="@(i % 2 != 0)"></ShortBlogPost>
         }
     </div>
-    <BlogPostNavigation CurrentPage="@_currentPage" OnPageChanged="GetPage"></BlogPostNavigation>
+    <BlogPostNavigation CurrentPage="@_currentPage" OnPageChanged="@GetPage"></BlogPostNavigation>
 </section>
 @code {
     IPagedList<BlogPost> _currentPage = new PagedList<BlogPost>(Array.Empty<BlogPost>(), 1, 1);
 
     protected override async Task OnInitializedAsync()
     {
-        _currentPage = await _repository.GetAllAsync(p => p.IsPublished, b => b.UpdatedDate, pageSize: 1);
+        _currentPage = await _repository.GetAllAsync(p => p.IsPublished, b => b.UpdatedDate, pageSize: 3);
     }
 
     private string GetAbsolutePreviewImageUrl()
@@ -48,7 +48,7 @@
 
     private async Task GetPage(int newPage)
     {
-        _currentPage = await _repository.GetAllAsync(p => p.IsPublished, b => b.UpdatedDate, pageSize: 1, page: 
+        _currentPage = await _repository.GetAllAsync(p => p.IsPublished, b => b.UpdatedDate, pageSize: 3, page: 
         newPage);
     }
 }

LinkDotNet.Blog.Web/Shared/BlogPostNavigation.razor

@@ -3,14 +3,11 @@
     <nav aria-label="Page navigation example">
         <ul class="pagination justify-content-center">
             <li class="page-item @(!CurrentPage.IsFirstPage ? string.Empty : "disabled")">
-                <a class="page-link" href="#" tabindex="-1">Previous</a>
+                <a class="page-link" href="#" tabindex="-1" @onclick="PreviousPage">Previous</a>
             </li>
-            <li class="page-item"><a class="page-link @(!CurrentPage.IsFirstPage ? string.Empty : "disabled")" 
-                                     href="#" 
-                                     @onclick="PreviousPage">(@CurrentPage.PageNumber - 1)</a></li>
-            <li class="page-item">
-                <a class="page-link @(!CurrentPage.IsLastPage ? string.Empty : "disabled")"
-                   @onclick="NextPage">
+            <li class="page-item @(!CurrentPage.IsLastPage ? string.Empty : "disabled")">
+                <a class="page-link"
+                   @onclick="NextPage"
                    href="#">Next</a>
             </li>
         </ul>
@@ -30,11 +27,11 @@
 
         private async Task PreviousPage()
         {
-            await PageHasChanged(CurrentPage.PageCount - 1);
+            await PageHasChanged(CurrentPage.PageNumber - 1);
         }
 
         private async Task NextPage()
         {
-            await PageHasChanged(CurrentPage.PageCount + 1);
+            await PageHasChanged(CurrentPage.PageNumber + 1);
         }
     }