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

move table to resources page

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Header.tsx
View File

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

6
src/pages/index.tsx
View File

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

24
src/pages/resources/index.tsx Normal file
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;