Address seeAlso label rendering issue. (#94)

* Address seeAlso label rendering issue. * Fix manifest id render, make homepage render label.
samvera-labs · Sep 23, 2022 · 564183a · 564183a
1 parent 320fa3d
commit 564183a
Showing 1 changed file with 10 additions and 13 deletions.
diff --git a/src/components/Navigator/About.tsx b/src/components/Navigator/About.tsx
@@ -25,6 +25,8 @@ const About: React.FC<Props> = () => {
 
   const [manifest, setManifest] = useState<ManifestNormalized>();
 
+  const [homepage, setHomepage] = useState<IIIFExternalWebResource[] | []>([]);
+  const [seeAlso, setSeeAlso] = useState<IIIFExternalWebResource[] | []>([]);
   const [thumbnail, setThumbnail] = useState<IIIFExternalWebResource[] | []>(
     [],
   );
@@ -33,6 +35,8 @@ const About: React.FC<Props> = () => {
     const data = vault.get(activeManifest);
     setManifest(data);
 
+    if (data.homepage?.length > 0) setHomepage(vault.get(data.homepage));
+    if (data.seeAlso?.length > 0) setSeeAlso(vault.get(data.seeAlso));
     if (data.thumbnail?.length > 0) setThumbnail(vault.get(data.thumbnail));
   }, [activeManifest, vault]);
 
@@ -76,7 +80,7 @@ const About: React.FC<Props> = () => {
           </>
         )}
 
-        {manifest.homepage?.length > 0 && (
+        {homepage?.length > 0 && (
           <>
             <label
               className="manifest-property-title"
@@ -85,17 +89,13 @@ const About: React.FC<Props> = () => {
               Homepage
             </label>
             <Homepage
-              homepage={
-                manifest.homepage as unknown as NectarExternalWebResource[]
-              }
+              homepage={homepage as unknown as NectarExternalWebResource[]}
               id="iiif-manifest-homepage"
-            >
-              View <Label label={manifest.label as InternationalString} />
-            </Homepage>
+            />
           </>
         )}
 
-        {manifest.seeAlso?.length > 0 && (
+        {seeAlso?.length > 0 && (
           <>
             <label
               className="manifest-property-title"
@@ -104,16 +104,13 @@ const About: React.FC<Props> = () => {
               See Also
             </label>
             <SeeAlso
-              seeAlso={
-                manifest.seeAlso as unknown as NectarExternalWebResource[]
-              }
+              seeAlso={seeAlso as unknown as NectarExternalWebResource[]}
               id="iiif-manifest-see-also"
-              as="ul"
             />
           </>
         )}
 
-        {manifest.seeAlso?.length > 0 && (
+        {manifest.id && (
           <>
             <label
               className="manifest-property-title"