Blazor: Update Pagination Component

phongnguyend · Jun 28, 2024 · 48297f7 · 48297f7
1 parent 9c63527
commit 48297f7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/Monolith/ClassifiedAds.Blazor.Modules/Core/Components/Pagination.razor b/src/Monolith/ClassifiedAds.Blazor.Modules/Core/Components/Pagination.razor
@@ -1,12 +1,12 @@
 <ul class="pagination">
-    <li class="page-item @(CurrentPage==1?"disabled":"")"><a class="page-link" href="javascript:void(0)" @onclick="() => HandleClick(1)">First</a></li>
-    <li class="page-item @(CurrentPage==1?"disabled":"")"><a class="page-link" href="javascript:void(0)" @onclick="() => HandleClick(CurrentPage - 1)">Previous</a></li>
+    <li class="page-item @(CurrentPage==1?"disabled":"")"><a class="page-link" @onclick="() => HandleClick(1)">First</a></li>
+    <li class="page-item @(CurrentPage==1?"disabled":"")"><a class="page-link" @onclick="() => HandleClick(CurrentPage - 1)">Previous</a></li>
     @foreach (var pageNumber in PageNumbers)
     {
-        <li class="page-item @(CurrentPage==pageNumber?"active":"")"><a class="page-link" href="javascript:void(0)" @onclick="() => HandleClick(pageNumber)">@pageNumber</a></li>
+        <li class="page-item @(CurrentPage==pageNumber?"active":"")"><a class="page-link" @onclick="() => HandleClick(pageNumber)">@pageNumber</a></li>
     }
-    <li class="page-item @(CurrentPage==TotalPages?"disabled":"")"><a class="page-link" href="javascript:void(0)" @onclick="() => HandleClick(CurrentPage + 1)">Next</a></li>
-    <li class="page-item @(CurrentPage==TotalPages?"disabled":"")"><a class="page-link" href="javascript:void(0)" @onclick="() => HandleClick(TotalPages)">Last</a></li>
+    <li class="page-item @(CurrentPage==TotalPages?"disabled":"")"><a class="page-link" @onclick="() => HandleClick(CurrentPage + 1)">Next</a></li>
+    <li class="page-item @(CurrentPage==TotalPages?"disabled":"")"><a class="page-link" @onclick="() => HandleClick(TotalPages)">Last</a></li>
 </ul>
 
 @code {

diff --git a/src/Monolith/ClassifiedAds.Blazor.Modules/Core/Components/Pagination.razor.css b/src/Monolith/ClassifiedAds.Blazor.Modules/Core/Components/Pagination.razor.css
@@ -0,0 +1,3 @@
+a {
+    cursor: pointer;
+}