Navbar unresponsive on Users table backend.

[Ealanisln]

At this view, the Navbar and breadcrumb are not working.

https://ready-set.vercel.app/admin/users

[Ealanisln]

Pagination Component Fix

Issue

The PaginationPrevious and PaginationNext components were receiving a disabled prop, which is not part of their type definition, causing a TypeScript error.

Solution

1. Removed the disabled prop from PaginationPrevious and PaginationNext.
2. Implemented conditional rendering for these components based on the current page.
3. Used CSS classes to visually disable the buttons when necessary.

Key Changes

• Replaced:

  <PaginationPrevious
  onClick={() => onPageChange(Math.max(1, currentPage - 1))}
  disabled={currentPage === 1}
  />

• With:

  {currentPage > 1 ? (
  <PaginationItem>
    <PaginationPrevious onClick={() => onPageChange(currentPage - 1)} />
  </PaginationItem>
  ) : (
  <PaginationItem>
    <PaginationPrevious className="pointer-events-none opacity-50" />
  </PaginationItem>
  )}

Result

• Resolved TypeScript errors.
• Maintained desired functionality for pagination.
• Improved type safety of the component.