fix: 🐛 add more specificity to className props

SmashTapsOS · Aug 6, 2019 · dd160b6 · dd160b6
1 parent 175d762
commit dd160b6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/VideoBg.js b/src/VideoBg.js
@@ -13,9 +13,11 @@ const VideoBg = ({
   children,
   el: El = "div"
 }) => (
-  <El className={`${wrapperClass} ${classNames.wrapper}`}>
+  <El
+    className={`${classNames.wrapper}${wrapperClass ? " " + wrapperClass : ""}`}
+  >
     <video
-      className={`${videoClass} ${classNames.video}`}
+      className={`${classNames.video}${videoClass ? " " + videoClass : ""}`}
       loop={loop}
       muted={muted}
       poster={poster}

diff --git a/src/__snapshots__/VideoBg.test.js.snap b/src/__snapshots__/VideoBg.test.js.snap
@@ -2,11 +2,11 @@
 
 exports[`renders properly 1`] = `
 <div
-  className="undefined undefined"
+  className="undefined"
 >
   <video
     autoPlay={true}
-    className="undefined undefined"
+    className="undefined"
     loop={true}
     muted={true}
   />