All files / src/components/Overlay Overlay.js

100% Statements 2/2
100% Branches 0/0
100% Functions 2/2
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20            1x       2x                  
import React from 'react';
import AwesomeSlider from 'react-awesome-slider';
import AwesomeSliderStyles from 'react-awesome-slider/src/styles';
import './Overlay.scss';
 
export default function Overlay({ images, closeoverlay }) {
  return (
    <div className="overlay">
      <AwesomeSlider cssModule={AwesomeSliderStyles}>
        {images.map((image, index) => {
          return <div key={index} data-src={image.href} />
        })}
      </AwesomeSlider>
      <button className="close-button" data-close aria-label="Close modal" type="button" onClick={closeoverlay}>
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
  )
}