brandon/uiowaATR
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

improved pages UI

Browse Source
This commit is contained in:
Brandon Egger 2023-03-16 21:57:44 -05:00
parent f185e264f9
commit 1ab77619ab
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ResourceTable.tsx
View File

@ -136,8 +136,9 @@ const PagesNavigation = ({currentPage, pageCount, resultsPerPage, updateResultsP
const PageButton = ({number}: {number: number}) => { const PageButton = ({number}: {number: number}) => {
return ( return (
<li> <li>
<Link href={{ pathname: `/resources`, query: {page: number} }}> <Link className={"block py px-[9px] m-1 rounded " + (currentPage !== number ? "hover:bg-neutral-400 hover:text-white" : "bg-neutral-800 text-white")}
<span className={"text-lg " + (currentPage === number ? "text-neutral-900" : "text-neutral-500")}>{number}</span> href={{ pathname: `/resources`, query: {page: number} }}>
<span className={"text-lg text-center"}>{number}</span>
</Link> </Link>
</li> </li>
) )
@ -174,7 +175,7 @@ const PagesNavigation = ({currentPage, pageCount, resultsPerPage, updateResultsP
<h1 className="text-md"> Results Per Page</h1> <h1 className="text-md"> Results Per Page</h1>
</div> </div>
</div> </div>
<ul className="my-auto flex flex-row space-x-4"> <ul className="my-auto flex flex-row bg-white rounded border-gray-400 hover:border-gray-500 border shadow">
{pages} {pages}
</ul> </ul>
</div> </div>