Skip to content
Snippets Groups Projects
Commit fee6e495 authored by Anthony's avatar Anthony
Browse files

WIP media card

parent e96d01be
No related branches found
No related tags found
2 merge requests!13Manifest side to side,!11Draft: 33 8 open an other manifest side by side from an annotation
...@@ -50,6 +50,8 @@ export class AnnotationManifestsAccordion extends Component { ...@@ -50,6 +50,8 @@ export class AnnotationManifestsAccordion extends Component {
annotation.manifests = searchManifest(annotation.content.concat(annotation.id)); annotation.manifests = searchManifest(annotation.content.concat(annotation.id));
// TODO fetch url to get image and label
if (annotation.manifests === null) { if (annotation.manifests === null) {
return null; return null;
} }
...@@ -71,26 +73,29 @@ export class AnnotationManifestsAccordion extends Component { ...@@ -71,26 +73,29 @@ export class AnnotationManifestsAccordion extends Component {
<CardMedia <CardMedia
component="img" component="img"
alt="Contemplative Reptile" alt="Contemplative Reptile"
height="140" height="100"
width="100%"
image="https://www.tetras-libre.fr/themes/tetras/img/logo.svg" image="https://www.tetras-libre.fr/themes/tetras/img/logo.svg"
title="Tetras tooltip" title="Tetras tooltip"
/> />
<CardContent> <CardContent>
<Typography gutterBottom variant="h5" component="h2"> <Typography gutterBottom variant="h5" component="h2">
Lizard Label de mon manifest
</Typography> </Typography>
<Typography variant="body2" color="textSecondary" component="p"> <Typography variant="body2" color="textSecondary" component="p">
Lizards are a widespread group of squamate reptiles, with over 6,000 species, ranging Description de mon manifest
across all continents except Antarctica
</Typography> </Typography>
</CardContent> </CardContent>
</CardActionArea> </CardActionArea>
<CardActions> <CardActions>
<Button size="small" color="primary"> <Button
Share size="small"
</Button> color="primary"
<Button size="small" color="primary"> onClick={(e) => {
Learn More this.handleOpenManifestSideToSide(e, manifestId);
}}
>
Open in new panel
</Button> </Button>
</CardActions> </CardActions>
</Card> </Card>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment