Merge pull request #311 from nulib/upgrade-clover-iiif

Upgrade Clover dep

components/Clover/ViewerWrapper.tsx

@@ -2,12 +2,12 @@ import {
   AnnouncementContent,
   ViewerWrapperStyled,
 } from "@/components/Clover/ViewerWrapper.styled";
+import type { CloverViewerProps, ViewerConfigOptions } from "@samvera/clover-iiif";
 
 import Announcement from "@/components/Shared/Announcement";
 import { IconInfo } from "@/components/Shared/SVG/Icons";
 import React from "react";
 import { UserContext } from "@/context/user-context";
-import type { ViewerConfigOptions } from "@samvera/clover-iiif";
 import type { Work } from "@nulib/dcapi-types";
 import dynamic from "next/dynamic";
 
@@ -67,7 +67,7 @@ const WorkViewerWrapper: React.FC<WrapperProps> = ({
     withCredentials: true,
   };
 
-  const options = {
+  const options: CloverViewerProps["options"] = {
     ...defaultOptions,
     ...viewerOptions,
   };

components/Figure/Figure.tsx

@@ -11,6 +11,7 @@ import {
   FigureVariants,
 } from "@/components/Figure/Figure.styled";
 import React, { ReactNode } from "react";
+
 import { IconLock } from "@/components/Shared/SVG/Icons";
 import { width } from "@/styles/media";
 
@@ -33,6 +34,8 @@ const Figure: React.FC<FigureProps & FigureVariants> = (props) => {
   const { data, orientation } = props;
   const { aspectRatio, isRestricted, title, supplementalInfo, src } = data;
 
+  if (!src) return null;
+
   const handleOnLoad = () => setIsLoaded(true);
   const handleOnError = () => console.error("image loading error");
 

package.json

@@ -35,7 +35,7 @@
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tabs": "^1.0.1",
-    "@samvera/clover-iiif": "^2.2.6",
+    "@samvera/clover-iiif": "2.4.0-rc.0",
     "@samvera/image-downloader": "^1.1.6",
     "@stitches/react": "^1.2.6",
     "axios": "^1.2.2",