404 fixes

dpla-attic · Jun 23, 2021 · 5d63c82 · 5d63c82
1 parent 5f79098
commit 5d63c82
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/components/HomePage/index.js b/components/HomePage/index.js
@@ -15,7 +15,7 @@ const HomePage = ({ siteName }) => {
 
   return (
     <>
-      <Link href={'/item/072c5702a83b7fc48a0b7899c231d5d3'}><a><div style={{
+      <Link href={'/search'}><a><div style={{
         backgroundImage: 'url("https://bscdn-images.dp.la/072c5702a83b7fc48a0b7899c231d5d3.jpg")',
           width: '800px',
           height: '523px',

diff --git a/pages/item/[itemId].js b/pages/item/[itemId].js
@@ -13,8 +13,14 @@ import {
   joinIfArray,
   getItemThumbnail,
 } from "lib";
+import Error from "next/error";
+
+const ItemDetail = ({ err, url, item }) => {
+
+  console.log("ERR", err);
+
+  if (err) return <Error statusCode={err}/>
 
-const ItemDetail = ({ url, item }) => {
   return (
     <MainLayout>
       <BSCDNHead
@@ -51,8 +57,21 @@ export async function getServerSideProps(context) {
   const currentUrl = getCurrentUrl(req);
   try {
     const res = await fetch(`${currentUrl}${API_ENDPOINT}/${itemId}`);
+
     const json = await res.json();
 
+    if (json === "Not Found") {
+      console.log("couldn't find it")
+      res.statusCode = 404
+
+      return {
+        props: {
+          err: 404,
+          error: `Item not found`
+        }
+      }
+    }
+
     const doc = json.docs[0];
     const image = process.env.FULL_FRAME_IMAGES ? `https://bscdn-images.dp.la/${doc.id}.jpg` : getItemThumbnail(doc)
     const date = doc.sourceResource.date &&