#109 Adding Preview support for Master Slide backgrounds

[karankrishnani]

No description provided.

[karankrishnani]

Lots of the changes are formatting because I setup my prettier on vscode.

The main changes I have made are in SlidePreview component:

+
+  const backgroundColor = slide.backgroundColor ?? masterSlide?.backgroundColor;
+  const backgroundImage = slide.backgroundImage ?? masterSlide?.backgroundImage;
+
   return (
     <div
       ref={ref}
       style={{
         width: "100%",
         height: width / (dimensions[0] / dimensions[1]),
-        backgroundColor: slide.backgroundColor
-          ? normalizedColorToCSS(slide.backgroundColor)
+        backgroundColor: backgroundColor
+          ? normalizedColorToCSS(backgroundColor)
           : "white",
         backgroundImage:
-          slide.backgroundImage && slide.backgroundImage?.kind === "path"
-            ? `url("${slide.backgroundImage.path}")`
-            : `url("data:${slide.backgroundImage?.data}")`,
+          backgroundImage && backgroundImage?.kind === "path"
+            ? `url("${backgroundImage.path}")`
+            : `url("data:${backgroundImage?.data}")`,
+        backgroundSize: "contain",

[karankrishnani]

Updated the PR to include image support.

[wyozi]

Thanks 👍

[github-actions]

🎉 This PR is included in version 2.17.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀