message: Adds SVG preview
diff: @@ -4,21 +4,26 @@ import { propType } from 'graphql-anywhere';
  import styled from 'styled-components';
  import Box from 'react/components/UI/Box';
  +import Link from 'react/components/UI/Link';
  import Text from 'react/components/UI/Text';
  import Badge from 'react/components/UI/Badge';
  import blockLightboxAttachmentFragment from 'react/components/BlockLightbox/components/BlockLightboxAttachment/fragments/blockLightboxAttachment.js';
  -const Link = styled.a`
  - display: block;
  -`;
  -
  const Player = styled.audio`
  &::-webkit-media-controls-panel {
  background-color: ${props => props.theme.colors.gray.light};
  }
  `;
  +const SvgPreview = styled.img`
  + display: block;
  + max-width: 100%;
  + max-height: 100%;
  + object-fit: scale-down;
  + margin: auto;
  +`;
  +
  export default class BlockLightboxAttachment extends PureComponent {
  static propTypes = {
  layout: PropTypes.oneOf(['DEFAULT', 'FULLSCREEN']).isRequired,
  @@ -33,11 +38,11 @@ export default class BlockLightboxAttachment extends PureComponent {
  display="flex"
  width="100%"
  height="100%"
  - bg={{ DEFAULT: 'gray.hint', FULLSCREEN: 'gray.bold' }[layout]}
  alignItems="center"
  justifyContent="center"
  textAlign="center"
  flexDirection="column"
  + bg={{ DEFAULT: 'gray.hint', FULLSCREEN: 'gray.bold' }[layout]}
  >
  {block.file_content_type === 'application/pdf' &&
  <Box flex="1" width="100%">
  @@ -45,13 +50,20 @@ export default class BlockLightboxAttachment extends PureComponent {
  </Box>
  }
  + {block.file_content_type === 'image/svg+xml' &&
  + <Box display="flex" flex="1">
  + <SvgPreview src={block.file_url} alt={block.title} />
  + </Box>
  + }
  +
  <Link
  + display="block"
  + p={6}
  href={block.file_url}
  rel="nofollow"
  target="_blank"
  download
  >
  - <Box p={6}>
  {block.file_content_type === 'audio/mpeg' &&
  <Box my={3}>
  <Player controls>
  @@ -73,7 +85,6 @@ export default class BlockLightboxAttachment extends PureComponent {
  {block.file_size}
  </Text>
  </Box>
  - </Box>
  </Link>
  </Box>
  );
  