refactor carousel story js

metmuseum · Dec 27, 2021 · 1c94352 · 1c94352
1 parent edd1c33
commit 1c94352
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/carousel/carousel.stories.js b/src/components/carousel/carousel.stories.js
@@ -6,14 +6,15 @@ import { useEffect } from "@storybook/client-api";
 export default { title: "Carousel/Carousel" };
 
 const mix = ["", CarouselSlide.args.video, CarouselSlide.args.video, "", "", "", "", "", "", "", "", "", "", "", CarouselSlide.args.video, CarouselSlide.args.video, CarouselSlide.args.video];
+const slides = mix.map(video => CarouselSlide({ ...CarouselSlide.args, video })).join("\n");
 
 export const Carousel = (args) => {
 	useEffect(() => { carousel(args); });
 
 	return html`
 	<section class="carousel-wrapper">
 		<div class="js-carousel carousel">
-		${mix.map((video) => CarouselSlide({ ...CarouselSlide.args, video: video })).join("\n")}
+			${slides}
 		</div>
 	</section>`;
 };