diff --git a/public/images/fallback_thumbnail.jpg b/public/images/fallback_thumbnail.jpg new file mode 100644 index 00000000..75a96356 Binary files /dev/null and b/public/images/fallback_thumbnail.jpg differ diff --git a/src/components/CollapsibleCards.js b/src/components/CollapsibleCards.js index f86a5cf3..5833d98d 100644 --- a/src/components/CollapsibleCards.js +++ b/src/components/CollapsibleCards.js @@ -2,25 +2,17 @@ import * as React from "react"; import { styled } from "@mui/material/styles"; import Card from "@mui/material/Card"; import CardHeader from "@mui/material/CardHeader"; -import CardMedia from "@mui/material/CardMedia"; import CardContent from "@mui/material/CardContent"; import CardActions from "@mui/material/CardActions"; import Collapse from "@mui/material/Collapse"; -import Avatar from "@mui/material/Avatar"; import IconButton from "@mui/material/IconButton"; -import Typography from "@mui/material/Typography"; -import { red } from "@mui/material/colors"; -import FavoriteIcon from "@mui/icons-material/Favorite"; -import ShareIcon from "@mui/icons-material/Share"; import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; -import MoreVertIcon from "@mui/icons-material/MoreVert"; import LocationOnIcon from "@mui/icons-material/LocationOn"; import InfoIcon from "@mui/icons-material/Info"; import CopyrightIcon from "@mui/icons-material/Copyright"; import LocalLibraryIcon from "@mui/icons-material/LocalLibrary"; import { LeafletThumb } from "./LeafletThumb"; import Citation from "../components/Citation"; -import { useNavigate } from "react-router-dom"; import "../css/CollapsibleCards.scss"; @@ -58,6 +50,7 @@ const multi_value_headers = [ "date", "description", "display_date", + "download_link", "extent", "format", "has_format", @@ -108,7 +101,6 @@ const getMarker = (marker) => { }; const getLocationData = (data) => { - console.log(data.location); return ( <> {data.location ? ( @@ -123,7 +115,7 @@ const getLocationData = (data) => { }; const modifyKey = (key) => { - if (key == "display_date") { + if (key === "display_date") { return "Date"; } const newKey = key @@ -185,7 +177,6 @@ export default function CollapsibleCard({ setExpanded(!expanded); }; - const navigate = useNavigate(); let facetSearchItems = ["format", "medium", "type", "tags"]; const renderContent = (key, value, index) => { @@ -205,7 +196,7 @@ export default function CollapsibleCard({ ); - } else if (key == "language") { + } else if (key === "language") { return (
{ - console.log("about: ", data); let items = [ "description", "date", diff --git a/src/components/ThreeD2DiiifHandler/ThreeD2DiiifHandler.tsx b/src/components/ThreeD2DiiifHandler/ThreeD2DiiifHandler.tsx index f13192f9..4aa261df 100644 --- a/src/components/ThreeD2DiiifHandler/ThreeD2DiiifHandler.tsx +++ b/src/components/ThreeD2DiiifHandler/ThreeD2DiiifHandler.tsx @@ -58,7 +58,6 @@ export const ThreeD2DiiifHandler: FC = ({ item, site }) => { return () => { if (x3dElement) { - console.log("Removing event listeners"); x3dElement.removeEventListener("mousedown", handleMouseDown); x3dElement.removeEventListener("touchstart", handleMouseDown); } @@ -120,17 +119,19 @@ export const ThreeD2DiiifHandler: FC = ({ item, site }) => {
)} - + > +