add error notice component to resource page

This commit is contained in:
Brandon Egger
2023-08-24 10:11:19 -05:00
parent b839278366
commit 9163b13e92
2 changed files with 26 additions and 1 deletions

View File

@ -8,6 +8,7 @@ import { parseQueryData } from "~/utils/parseSearchForm";
import Footer from "~/components/Footer";
import Header from "~/components/Header";
import { LoadingBarChart } from "~/components/LoadingBarChart";
import { ErrorNotice } from "~/components/notice";
const Resources = () => {
const router = useRouter();
@ -31,9 +32,16 @@ const Resources = () => {
const printLink = `${router.route}/print?${printQueryStr}`;
const ConditionalTable = () => {
if (!resourceQuery.data) {
if (resourceQuery.isLoading) {
return <LoadingBarChart width={200} height={200} />;
}
if (!resourceQuery.data || resourceQuery.isError) {
return <div className="my-28">
<ErrorNotice icon header="Unable to pull available resources. Please try again."
body="If this issue persists, please contact a site administrator" />
</div>
}
const totalPages = Math.ceil(resourceQuery.data.count / queryData.perPage);