From 5d63c82b550ab0a06c21782f5d72bbba30ff8632 Mon Sep 17 00:00:00 2001
From: Michael Della Bitta <mdellabitta@gmail.com>
Date: Wed, 23 Jun 2021 16:58:53 -0400
Subject: [PATCH] 404 fixes

---
 components/HomePage/index.js |  2 +-
 pages/item/[itemId].js       | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/components/HomePage/index.js b/components/HomePage/index.js
index d93d11b..b714d5e 100644
--- 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
index eaf3119..0f132d9 100644
--- 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 &&