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

add page title and quick link for survey to resources index

Browse Source
This commit is contained in:
Brandon Egger 2023-04-09 23:28:16 -05:00
parent 32a4485526
commit 024abe2548
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ResourceTable.tsx
View File

@ -1,4 +1,4 @@
import { type PlatformLink, type PaymentType, type AuditoryResource, type Skill, type SkillLevel, Manufacturer } from '@prisma/client'; import { type PlatformLink, type PaymentType, type AuditoryResource, type Skill, type SkillLevel, type Manufacturer } from '@prisma/client';
import { CurrencyDollarIcon, ArrowPathRoundedSquareIcon } from '@heroicons/react/24/solid'; import { CurrencyDollarIcon, ArrowPathRoundedSquareIcon } from '@heroicons/react/24/solid';
import { ClipboardDocumentListIcon } from '@heroicons/react/24/outline'; import { ClipboardDocumentListIcon } from '@heroicons/react/24/outline';
import Image from 'next/image'; import Image from 'next/image';

18
src/pages/resources/index.tsx
View File

@ -1,4 +1,6 @@
import Head from "next/head"; import Head from "next/head";
import { LinkIcon } from '@heroicons/react/20/solid';
import Link from "next/link";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import ResourceTable from "~/components/ResourceTable"; import ResourceTable from "~/components/ResourceTable";
import { api } from "~/utils/api"; import { api } from "~/utils/api";
@ -28,10 +30,20 @@ const Resources = () => {
<meta name="description" content="University of Iowa Center for Auditory Training Resources" /> <meta name="description" content="University of Iowa Center for Auditory Training Resources" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<main> <main className="my-6 sm:px-4 max-w-6xl mx-auto">
<div className="my-6 sm:px-4 max-w-6xl mx-auto"> <div className="mb-4 p-4 space-y-2">
<ResourceTable query={router.query} resources={query.data} currentPage={currentPage} /> <h1 className="text-3xl font-bold">All Resources</h1>
<div className="">
<p className="inline">Fill out the </p>
<Link href="/resources/survey"
className="hover:bg-neutral-900 hover:text-white inline rounded-lg bg-neutral-200 border border-neutral-800 px-2 py-[4px]">
survey
<LinkIcon className="w-4 inline" />
</Link>
<p className="inline"> for specific resource recommendations.</p>
</div>
</div> </div>
<ResourceTable query={router.query} resources={query.data} currentPage={currentPage} />
</main> </main>
</> </>
); );