Fix render components

web/components/Card.js

@@ -6,7 +6,7 @@ export default function Card({item}) {
   return (
     <GridItem alignSelf="center" maxW="md" m="4" borderWidth="1px" borderRadius="md">
       {item.image && (
-        <CardImage id={item.id} label={item.label} url={item.digitalImageObject} />
+        <CardImage id={item.id} label={item.label} url={item.image} />
       )}
 
       <Box fontFamily="Montserrat" p="5">

web/components/RenderDocument.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import * as DocumentComponents from './Documents'
 
 function resolveDocument(document) {
-  const Document = DocumentComponents
+  const Document = DocumentComponents[document._type]
 
   if (Document) {
     return Document

web/components/RenderSection.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import * as SectionComponents from './Sections'
 
 function resolveSections(section) {
-  const Section = SectionComponents
+  const Section = SectionComponents[section._type]
 
   if (Section) {
     return Section

web/lib/api.js

@@ -16,7 +16,7 @@ const getUniqueDocuments = (items) => {
 }
 
 const defaultNavMenu = `
-  "defaultNavMenu": *[_id == "0709e2aa-f6d6-41af-a3e0-ac23783cdaa4"][0] {
+  "defaultNavMenu": *[_id == "05ded800-23e4-453b-9b33-db08177480a9"][0] {
     ...,
     items[]{
       ...,
@@ -25,7 +25,7 @@ const defaultNavMenu = `
   }
 `
 
-const madeObjectFields = `
+const humanMadeObjectFields = `
   "id": _id,
   _id,
   _type,
@@ -210,7 +210,7 @@ export async function getFrontpage() {
           }
         }
       },
-      "latest": *[ _type == "MadeObject"][0..10] {
+      "latest": *[ _type == "HumanMadeObject"][0..10] {
         "id": _id,
         label,
         hasType[]-> {
@@ -278,7 +278,7 @@ export async function getRouteBySlug(id) {
 export async function getPreviewMadeObjectByID(id) {
   const data = await getClient(true).fetch(
     `*[_type == "HumanMadeObject" && _id == $id]{
-      ${madeObjectFields}
+      ${humanMadeObjectFields}
     }`,
     {id},
   )
@@ -337,7 +337,7 @@ export async function getAllConcepts() {
 
 export async function getType(id, preview) {
   const results = await getClient(preview).fetch(
-    `*[_id == $id] {
+    `*[_id == $id][0] {
       "type": _type
     }`,
     {id},
@@ -359,12 +359,12 @@ export async function getId(id, type, preview) {
   const results = await getClient(preview).fetch(
     `{
       "item": *[_id == $id][0] {
-        ${type[0].type === 'HumanMadeObject' ? madeObjectFields : ''}
-        ${type[0].type === 'Actor' ? groupFields : ''}
-        ${type[0].type === 'Group' ? groupFields : ''}
-        ${type[0].type === 'Place' ? groupFields : ''}
-        ${type[0].type === 'Concept' ? groupFields : ''}
-        ${type[0].type === 'ObjectType' ? groupFields : ''}
+        ${type.type === 'HumanMadeObject' ? humanMadeObjectFields : ''}
+        ${type.type === 'Actor' ? groupFields : ''}
+        ${type.type === 'Group' ? groupFields : ''}
+        ${type.type === 'Place' ? groupFields : ''}
+        ${type.type === 'Concept' ? groupFields : ''}
+        ${type.type === 'ObjectType' ? groupFields : ''}
       },
       ${defaultNavMenu}
     }`,
@@ -374,7 +374,7 @@ export async function getId(id, type, preview) {
 }
 
 export async function getAlert(preview) {
-  const results = await getClient(preview).fetch(`*[_type == "alert"][0] | order(_createdAt desc) {
+  const results = await getClient(preview).fetch(`*[_type == "Alert"][0] | order(_createdAt desc) {
       ...
     }`)
   return results