gatsby-matrix-theme 3.2.25 → 3.2.26

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [3.2.26](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.25...v3.2.26) (2022-02-08)
+
+
+### Bug Fixes
+
+* removing unused divs ([7f5bc6d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7f5bc6dcc182d025117e2005c3973f41973588f3))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/matrix-theme ([f704c0b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f704c0b58a8a8e124790281ad36637454216bdde))
+
 ## [3.2.25](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.24...v3.2.25) (2022-02-07)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "3.2.25",
+  "version": "3.2.26",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

package/src/components/atoms/cards/game-card/index.js

@@ -25,15 +25,17 @@ const GameCard = ({ item, button_text = 'play_now', width, height }) => {
   return (
     <BaseCard item={item} isLinked cardType="game">
       {!featured && (
-        <div className={styles.cardBanner}>
-          <Link to={path} className="game-card-gtm" aria-label={`${title} Link`}>
-            {banner ? (
-              <LazyImage width={width} height={height} src={imagePrettyUrl(banner)} alt={title} />
-            ) : (
-              <GatsbyImg filename="default-slot.jpg" alt={title} />
-            )}
-          </Link>
-        </div>
+        <Link
+          to={path}
+          className={`game-card-gtm ${styles.cardBanner}`}
+          aria-label={`${title} Link`}
+        >
+          {banner ? (
+            <LazyImage width={width} height={height} src={imagePrettyUrl(banner)} alt={title} />
+          ) : (
+            <GatsbyImg filename="default-slot.jpg" alt={title} />
+          )}
+        </Link>
       )}
       <div className={`${styles.cardContent} ${featured && styles.featured}`}>
         <Link to={path} className="game-card-gtm">

package/src/gatsby-core-theme/components/atoms/module-title/index.js

@@ -32,12 +32,12 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
     ? translate(translations, month, month)
     : false;
 
-  const getTitle = () => {
+  const getTitle = (className) => {
     const moduleTitle = module?.title || module?.module_title;
 
     if (!module?.module_title_tag) {
       return (
-        <h2 className={styles.noTag}>
+        <h2 className={`${styles.noTag} ${className}`}>
           {moduleTitle}
           {currentMonth ? (
             <span className={styles.toplistDate}>
@@ -51,7 +51,7 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
 
     if (module.module_title_tag)
       return (
-        <CustomTag>
+        <CustomTag className={className}>
           {moduleTitle}
           {currentMonth ? (
             <span className={styles.toplistDate}>
@@ -62,7 +62,7 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
         </CustomTag>
       );
     return (
-      <span className={styles.noTag}>
+      <span className={`${styles.noTag} ${className}`}>
         {moduleTitle}
         {currentMonth ? (
           <span className={styles.toplistDate}>
@@ -84,9 +84,7 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
           module?.style && styles[module.style]
         } ${tabsToplist ? styles.tabsToplist : null}`}
       >
-        <div className={styles.toplistTitle}>
-          {(module?.title || module.module_title) && getTitle(module)}
-        </div>
+        {(module?.title || module.module_title) && getTitle(styles.toplistTitle)}
 
         {module.link_label && (
           <Link to={module.link_value} className={`${styles.viewMore} module-title-gtm`}>
@@ -96,13 +94,12 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
         )}
       </div>
     ) : (
-      <div
-        className={`${styles.moduleTitle} ${styles[template]} ${
-          module?.style && styles[module.style]
-        } ${styles.toplistTitle} ${tabsToplist ? styles.tabsToplist : null}`}
-      >
-        {(module?.title || module.module_title) && getTitle(module)}
-      </div>
+      (module?.title || module.module_title) &&
+      getTitle(
+        `${styles.moduleTitle} ${styles[template]} ${module?.style && styles[module.style]} ${
+          styles.toplistTitle
+        } ${tabsToplist ? styles.tabsToplist : null}`
+      )
     ))
   );
 };

package/src/gatsby-core-theme/components/molecules/content/index.js

@@ -81,13 +81,13 @@ const Content = ({ module }) => {
 
   return (
     <>
-      <div className={`${styles.content} ${showMore && styles.showMore}`}>
-        <div className={`${switchStyle(module.style)}`}>
-          {module.value &&
-            parse(module.value, {
-              replace: replaceMedia,
-            })}
-        </div>
+      <div
+        className={`${styles.content} ${showMore && styles.showMore} ${switchStyle(module.style)}`}
+      >
+        {module.value &&
+          parse(module.value, {
+            replace: replaceMedia,
+          })}
       </div>
       {showMore && (
         <button type="button" className={styles.button} onClick={handleChange}>

package/storybook/public/iframe.html

@@ -135,4 +135,4 @@
             
         
             
-              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.3e464ba9.iframe.bundle.js"></script><script src="vendors~main.1f5a74cb.iframe.bundle.js"></script><script src="main.043a2c57.iframe.bundle.js"></script></body></html>
+              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.3e464ba9.iframe.bundle.js"></script><script src="vendors~main.1f5a74cb.iframe.bundle.js"></script><script src="main.87a6ab42.iframe.bundle.js"></script></body></html>