🔎 Glorious universal library search first draft

This commit is contained in:
2022-05-26 22:52:07 -07:00
parent a2044941a6
commit 4ec45352e9
9 changed files with 108 additions and 65 deletions

View File

@@ -12,6 +12,7 @@ interface ICardProps {
backgroundColor?: string;
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
cardContainerStyle?: PropTypes.object;
imageStyle?: PropTypes.object;
}
const renderCard = (props): ReactElement => {
@@ -23,6 +24,7 @@ const renderCard = (props): ReactElement => {
<div className="is-horizontal">
<div className="card-image">
<img
style={props.imageStyle}
src={props.imageUrl}
alt="Placeholder image"
className="cropped-image"
@@ -54,7 +56,11 @@ const renderCard = (props): ReactElement => {
}
>
<figure>
<img src={props.imageUrl} alt="Placeholder image" />
<img
src={props.imageUrl}
style={props.imageStyle}
alt="Placeholder image"
/>
</figure>
</div>
{props.hasDetails && (