diff --git a/src/components/CanvasAnnotations.js b/src/components/CanvasAnnotations.js index cf9e8f1abec26480b6561c7a3f56252f4f46b567..827fe8f4d4a37713aff90697d25f889aa666c5eb 100644 --- a/src/components/CanvasAnnotations.js +++ b/src/components/CanvasAnnotations.js @@ -137,59 +137,54 @@ export class CanvasAnnotations extends Component { )) } </div> - <div> - { - (annotation.idIsManifest || annotation.manifestsInContent) && ( - <div> - <Accordion> - <AccordionSummary - expandIcon={<ExpandMoreIcon />} - aria-controls="panel1a-content" - id="panel1a-header" - > - <Typography className={classes.heading}>Accordion 1</Typography> - </AccordionSummary> - <AccordionDetails> - <Typography> - {annotation.idIsManifest && ( - <div> - <div>{annotation.id}</div> - <MiradorMenuButton - aria-haspopup="true" - aria-label={t('openManifestInOtherWindow', { manifest: annotation.id })} - titleAccess={t('openManifestInOtherWindow', { manifest: annotation.id })} - onClick={(e) => { this.handleOpenManifestSideToSide(e, annotation.id); }} - > - <PlaylistAddIcon /> - </MiradorMenuButton> - </div> - )} - </Typography> - </AccordionDetails> - </Accordion> - <h4>Manifests found :</h4> - </div> - - ) - } - - {annotation.manifestsInContent && annotation.manifestsInContent.map(manifestId => ( - <div className={classes.manifestOpeningWrapper}> - <div>{manifestId}</div> - <MiradorMenuButton - aria-haspopup="true" - aria-label={t('openManifestInOtherWindow')} - titleAccess={t('openManifestInOtherWindow')} - onClick={(e) => { this.handleOpenManifestSideToSide(e, manifestId); }} - className={classes.manifestOpeningButton} - > - <PlaylistAddIcon /> - </MiradorMenuButton> - </div> - ))} - </div> </ListItemText> </MenuItem> + { + (annotation.idIsManifest || annotation.manifestsInContent) && ( + <div> + <Accordion> + <AccordionSummary + expandIcon={<ExpandMoreIcon />} + > + <Typography className={classes.heading}>Manifests found :</Typography> + </AccordionSummary> + <AccordionDetails> + <Typography> + {annotation.idIsManifest && ( + <div className={classes.manifestOpeningWrapper}> + <div>{annotation.id}</div> + <MiradorMenuButton + aria-haspopup="true" + aria-label={t('openManifestInOtherWindow', { manifest: annotation.id })} + titleAccess={t('openManifestInOtherWindow', { manifest: annotation.id })} + onClick={(e) => { this.handleOpenManifestSideToSide(e, annotation.id); }} + className={classes.manifestOpeningButton} + > + <PlaylistAddIcon /> + </MiradorMenuButton> + </div> + )} + {annotation.manifestsInContent && annotation.manifestsInContent.map(manifestId => ( + <div className={classes.manifestOpeningWrapper}> + <div>{manifestId}</div> + <MiradorMenuButton + aria-haspopup="true" + aria-label={t('openManifestInOtherWindow')} + titleAccess={t('openManifestInOtherWindow')} + onClick={(e) => { this.handleOpenManifestSideToSide(e, manifestId); }} + className={classes.manifestOpeningButton} + > + <PlaylistAddIcon /> + </MiradorMenuButton> + </div> + ))} + </Typography> + </AccordionDetails> + </Accordion> + </div> + + ) + } </ScrollTo> )) }