move table to resources page

This commit is contained in:
Brandon Egger 2023-03-16 18:18:12 -05:00
parent 79ee4dad61
commit 13e9c45f4d
3 changed files with 26 additions and 6 deletions

View File

@ -30,7 +30,7 @@ const NavBar = () => {
<li className="mx-auto max-w-5xl flex flex-row sm:justify-between px-4">
<ul id="left-nav-links" className="flex flex-row space-x-10">
<NavBarLink href='/' label='Home'/>
<NavBarLink dropdown href='/' label='Resources'/>
<NavBarLink dropdown href='/resources' label='Resources'/>
<NavBarLink href='/' label='About'/>
</ul>

View File

@ -1,12 +1,8 @@
import { type NextPage } from "next";
import Head from "next/head";
import ResourceTable from "~/components/ResourceTable";
import { api } from "~/utils/api";
const Home: NextPage = () => {
const query = api.auditoryResource.getAll.useQuery();
return (
<>
<Head>
@ -16,7 +12,7 @@ const Home: NextPage = () => {
</Head>
<main>
<div className="my-6">
<ResourceTable resources={query.data} />
<p>Nothing yet</p>
</div>
</main>
</>

View File

@ -0,0 +1,24 @@
import Head from "next/head";
import ResourceTable from "~/components/ResourceTable";
import { api } from "~/utils/api";
const Resources = () => {
const query = api.auditoryResource.getAll.useQuery();
return (
<>
<Head>
<title>ATR</title>
<meta name="description" content="University of Iowa Center for Auditory Training Resources" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main>
<div className="my-6">
<ResourceTable resources={query.data} />
</div>
</main>
</>
);
}
export default Resources;