gatsby-matrix-theme 52.0.93 → 53.0.0

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+# [53.0.0](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v52.0.94...v53.0.0) (2025-03-13)
+
+
+### Bug Fixes
+
+* change ul to ol ([fc80f71](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/fc80f71d6137c5e3a8852211c8972ff3ea54fbf9))
+* update version ([7e598d5](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/7e598d5e71d8c9a9b8091049bf7919dff159d357))
+
+
+### Code Refactoring
+
+* more proptype changes ([1fa29b8](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/1fa29b8e7a612c9966ba1e29559d12839c9f0faf))
+* prop type fixes ([020af6a](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/020af6a4db0e6c7b1649763525ec6578cf92de70))
+* remove temp ([ea2c8f9](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/ea2c8f91e3c912df3d43b1c5ff2958c90ad2724c))
+* temp ([d0b2d2a](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/d0b2d2aaa9b930677f0c2d81fb20fb3db75b5dc3))
+
+
+### Config
+
+* update theme ([85685cb](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/85685cb00d963d44f2b84bf4e71c8dce7223792a))
+
+
+* Merge branch 'tm-5274-update-toplist' into 'master' ([e28bdd9](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/e28bdd9df477cf5ed767150ec7bf81fd024cbb8f))
+* Merge branch 'proptype-fixes' into 'master' ([5b1b062](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/5b1b0626c004a8c7c9f02b2041ad12427761ea12))
+* Merge branch 'master' into proptype-fixes ([dfc2d4c](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/dfc2d4ce147d41489b02683c34bc67cc05b4aec2))
+* Merge branch 'master' into proptype-fixes ([488e7ad](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/488e7adc32b1c07c921fe1dbeb80c66bb834fa75))
+* Merge branch 'master' into proptype-fixes ([279db6f](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/279db6f2d0351c83f65ebdd065c925bcb5e84d87))
+
+## [52.0.94](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v52.0.93...v52.0.94) (2025-03-11)
+
+
+### Bug Fixes
+
+* remove aside links component when ppc page ([b64259b](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/b64259bf9963cbb1b958505203fca00a2efddfbe))
+
 ## [52.0.93](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v52.0.92...v52.0.93) (2025-03-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "52.0.93",
+  "version": "53.0.0",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "43.0.3",
+    "gatsby-core-theme": "44.0.1",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.13.1",

package/src/components/atoms/author/template-three/index.js

@@ -77,8 +77,8 @@ const AuthorTemplateThree = ({
 
 AuthorTemplateThree.propTypes = {
   authorImage: PropTypes.string,
-  authorImageHeight: PropTypes.bool,
-  authorImageWidth: PropTypes.bool,
+  authorImageHeight: PropTypes.number,
+  authorImageWidth: PropTypes.number,
   authorName: PropTypes.string,
   authorPath: PropTypes.string,
   authorTitle: PropTypes.string,

package/src/components/atoms/author/template-two/index.js

@@ -12,8 +12,8 @@ const AuthorTemplateTwo = ({
   authorImage,
   showLinks = true,
   verify = <VerifiedAuthor />,
-  width = '21',
-  height = '21',
+  width = 21,
+  height = 21,
 }) => (
   <span className={styles.authorImage}>
     {showLinks ? (
@@ -46,8 +46,8 @@ AuthorTemplateTwo.propTypes = {
   authorImage: PropTypes.string,
   verify: PropTypes.element,
   showLinks: PropTypes.bool,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };
 
 export default AuthorTemplateTwo;

package/src/components/atoms/cards/author/template-one/index.js

@@ -8,7 +8,7 @@ import Socials from '../../../author/socials';
 import styles from './template-one.module.scss';
 import { imagePrettyUrl, getAltText, textWordsLimit } from '~helpers/getters';
 
-export default function TemplateOne({ item, width = '72', height = '72' }) {
+export default function TemplateOne({ item, width = 72, height = 72 }) {
   const author = item.relation;
 
   return (
@@ -46,7 +46,7 @@ TemplateOne.propTypes = {
       name: PropTypes.string,
       profile_page_path: PropTypes.string,
       biography: PropTypes.string,
-      pages_count: PropTypes.string,
+      pages_count: PropTypes.number,
       image_alt: PropTypes.string,
       image_object: PropTypes.shape({
         filename: PropTypes.string,
@@ -54,6 +54,6 @@ TemplateOne.propTypes = {
       }),
     }),
   }),
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/atoms/cards/author/template-two/index.js

@@ -7,7 +7,7 @@ import Socials from '../../../author/socials';
 import styles from './template-two.module.scss';
 import { imagePrettyUrl, getAltText } from '~helpers/getters';
 
-export default function TemplateTwo({ item, width = '80', height = '80' }) {
+export default function TemplateTwo({ item, width = 80, height = 80 }) {
   const author = item.relation;
 
   return (
@@ -40,7 +40,7 @@ TemplateTwo.propTypes = {
       name: PropTypes.string,
       profile_page_path: PropTypes.string,
       biography: PropTypes.string,
-      pages_count: PropTypes.string,
+      pages_count: PropTypes.number,
       image_alt: PropTypes.string,
       image_object: PropTypes.shape({
         filename: PropTypes.string,
@@ -48,6 +48,6 @@ TemplateTwo.propTypes = {
       }),
     }),
   }),
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };

package/src/components/atoms/cards/comparison-table/index.js

@@ -22,7 +22,7 @@ export default function ComparisonTable({ module, page, modulePosition }) {
 
 ComparisonTable.propTypes = {
   module: PropTypes.shape({
-    items: PropTypes.shape({}),
+    items: PropTypes.arrayOf(PropTypes.shape({})),
   }),
   page: PropTypes.shape({
     relation_type: PropTypes.string,

package/src/components/atoms/cards/comparison-table/table/index.js

@@ -78,12 +78,12 @@ export default function ComparisonTable({
   ctaKey = 'play_now',
   type,
   tempate,
-  operatorWidth = '89',
-  operatorHeight = '89',
-  paymentWidth = '72',
-  paymentHeight = '32',
-  licenseWidth = '72',
-  licenseHeight = '32',
+  operatorWidth = 89,
+  operatorHeight = 89,
+  paymentWidth = 72,
+  paymentHeight = 32,
+  licenseWidth = 72,
+  licenseHeight = 32,
   showRoundedRating = false,
   moduleName= TrackingKeys?.COMPARISONTABLE,
   modulePosition,
@@ -199,12 +199,11 @@ export default function ComparisonTable({
               {item?.relation?.deposit_methods &&
                 // eslint-disable-next-line array-callback-return
                 item?.relation?.deposit_methods?.slice(0, 5)?.map((deposit) => {
-                  const logo = deposit?.logo?.filename
+                  const logo = deposit?.logo?.filename;
                   if (!logo) return;
                   return (
-                    <Link to={deposit?.path}>
+                    <Link key={`${key}-${deposit.name}`} to={deposit?.path}>
                       <LazyImg
-                        key={`${key}-${deposit.name}`}
                         src={imagePrettyUrl(logo, paymentWidth, paymentHeight)}
                         width={paymentWidth}
                         height={paymentHeight}
@@ -299,10 +298,10 @@ export default function ComparisonTable({
 ComparisonTable.propTypes = {
   items: PropTypes.arrayOf(PropTypes.object),
   showRoundedRating: PropTypes.bool,
-  operatorWidth: PropTypes.string,
-  operatorHeight: PropTypes.string,
-  paymentWidth: PropTypes.string,
-  paymentHeight: PropTypes.string,
-  licenseWidth: PropTypes.string,
-  licenseHeight: PropTypes.string,
+  operatorWidth: PropTypes.number,
+  operatorHeight: PropTypes.number,
+  paymentWidth: PropTypes.number,
+  paymentHeight: PropTypes.number,
+  licenseWidth: PropTypes.number,
+  licenseHeight: PropTypes.number,
 };

package/src/components/atoms/cards/game-cards/template-five/index.js

@@ -150,12 +150,12 @@ const TemplateFive = ({
 TemplateFive.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
-      rating: PropTypes.string,
-      first_rating: PropTypes.string,
-      second_rating: PropTypes.string,
-      third_rating: PropTypes.string,
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      first_rating: PropTypes.number,
+      second_rating: PropTypes.number,
+      third_rating: PropTypes.number,
       name: PropTypes.string,
-      fourth_rating: PropTypes.string,
+      fourth_rating: PropTypes.number,
       game_provider: PropTypes.shape({
         name: PropTypes.string,
         path: PropTypes.string,

package/src/components/atoms/cards/game-cards/template-four/index.js

@@ -134,12 +134,12 @@ const TemplateFour = ({
 TemplateFour.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
-      rating: PropTypes.string,
-      first_rating: PropTypes.string,
-      second_rating: PropTypes.string,
-      third_rating: PropTypes.string,
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      first_rating: PropTypes.number,
+      second_rating: PropTypes.number,
+      third_rating: PropTypes.number,
       name: PropTypes.string,
-      fourth_rating: PropTypes.string,
+      fourth_rating: PropTypes.number,
       game_provider: PropTypes.shape({ name: PropTypes.string, path: PropTypes.string }),
       thumbnail_filename_object: PropTypes.shape({
         filename: PropTypes.string,

package/src/components/atoms/cards/game-cards/template-one/index.js

@@ -129,12 +129,12 @@ const TemplateOne = ({
 TemplateOne.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
-      rating: PropTypes.string,
-      first_rating: PropTypes.string,
-      second_rating: PropTypes.string,
-      third_rating: PropTypes.string,
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      first_rating: PropTypes.number,
+      second_rating: PropTypes.number,
+      third_rating: PropTypes.number,
       name: PropTypes.string,
-      fourth_rating: PropTypes.string,
+      fourth_rating: PropTypes.number,
       game_provider: PropTypes.shape({ name: PropTypes.string, path: PropTypes.string }),
       logo: PropTypes.shape({
         filename: PropTypes.string,

package/src/components/atoms/cards/game-cards/template-three/index.js

@@ -136,11 +136,11 @@ const TemplateThree = ({
 TemplateThree.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
-      rating: PropTypes.string,
-      first_rating: PropTypes.string,
-      second_rating: PropTypes.string,
-      third_rating: PropTypes.string,
-      fourth_rating: PropTypes.string,
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      first_rating: PropTypes.number,
+      second_rating: PropTypes.number,
+      third_rating: PropTypes.number,
+      fourth_rating: PropTypes.number,
       name: PropTypes.string,
       game_provider: PropTypes.shape({ name: PropTypes.string, path: PropTypes.string }),
       thumbnail_filename_object: PropTypes.shape({

package/src/components/atoms/cards/game-cards/template-two/index.js

@@ -138,11 +138,11 @@ const TemplateTwo = ({
 TemplateTwo.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
-      rating: PropTypes.string,
-      first_rating: PropTypes.string,
-      second_rating: PropTypes.string,
-      third_rating: PropTypes.string,
-      fourth_rating: PropTypes.string,
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      first_rating: PropTypes.number,
+      second_rating: PropTypes.number,
+      third_rating: PropTypes.number,
+      fourth_rating: PropTypes.number,
       name: PropTypes.string,
       game_provider: PropTypes.shape({ name: PropTypes.string, path: PropTypes.string }),
       thumbnail_filename_object: PropTypes.shape({

package/src/components/atoms/cards/operator-card/template-four/index.js

@@ -22,8 +22,8 @@ const TemplateFour = ({
   authorTemplateTwo = true,
   verifyIcon = <Verify />,
   showBonusForAll = false,
-  width = '88',
-  height = '88',
+  width = 88,
+  height = 88,
   BonusTemplate = BonusTemplateDefault,
   modulePosition,
   itemPosition,
@@ -114,7 +114,7 @@ const TemplateFour = ({
 TemplateFour.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
-      rating: PropTypes.string,
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
       name: PropTypes.string,
       path: PropTypes.string,
       status: PropTypes.string,
@@ -145,8 +145,8 @@ TemplateFour.propTypes = {
   showRatingDecimal: PropTypes.bool,
   showBonusForAll: PropTypes.bool,
   BonusTemplate: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
   modulePosition: PropTypes.number,
   itemPosition: PropTypes.number,
 };

package/src/components/atoms/cards/operator-card/template-one/index.js

@@ -33,10 +33,10 @@ const TemplateOne = ({
   showBonusForAll = false,
   verifyIcon = <Verify />,
   showOperatorCta = true,
-  operatorLogoWidth = '88',
-  operatorLogoHeight = '88',
-  paymentLogoWidth = '54',
-  paymentLogoHeight = '36',
+  operatorLogoWidth = 88,
+  operatorLogoHeight = 88,
+  paymentLogoWidth = 54,
+  paymentLogoHeight = 36,
   BonusTemplate = Bonus,
   modulePosition,
   itemPosition,
@@ -160,7 +160,7 @@ const TemplateOne = ({
                   deposit?.logo
                 if (!logo) return;
                 return (
-                  <li>
+                  <li key={`${deposit.id}-${deposit.name}`}>
                     <Link to={deposit?.path}>
                       <LazyImage
                         key={`${deposit.id}-${deposit.name}`}
@@ -186,16 +186,16 @@ const TemplateOne = ({
 TemplateOne.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
-      ribbons: PropTypes.shape([]),
-      deposit_methods: PropTypes.shape([]),
-      rating: PropTypes.string,
+      ribbons: PropTypes.arrayOf(PropTypes.string),
+      deposit_methods: PropTypes.arrayOf(PropTypes.shape({})),
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
       name: PropTypes.string,
       path: PropTypes.string,
       status: PropTypes.string,
       logo: PropTypes.shape({
         filename: PropTypes.string,
       }),
-      selling_points: PropTypes.shape([]),
+      selling_points: PropTypes.arrayOf(PropTypes.string),
     }),
     path: PropTypes.string,
     author: PropTypes.shape({
@@ -222,10 +222,10 @@ TemplateOne.propTypes = {
   showRatingDecimal: PropTypes.bool,
   BonusTemplate: PropTypes.string,
   showOperatorCta: PropTypes.bool,
-  operatorLogoWidth: PropTypes.string,
-  operatorLogoHeight: PropTypes.string,
-  paymentLogoWidth: PropTypes.string,
-  paymentLogoHeight: PropTypes.string,
+  operatorLogoWidth: PropTypes.number,
+  operatorLogoHeight: PropTypes.number,
+  paymentLogoWidth: PropTypes.number,
+  paymentLogoHeight: PropTypes.number,
   modulePosition: PropTypes.number,
   itemPosition: PropTypes.number,
 };

package/src/components/atoms/cards/operator-card/template-three/index.js

@@ -26,8 +26,8 @@ const TemplateThree = ({
   hasVariableComponent = false,
   showBonusForAll = false,
   showOperatorCta = true,
-  operatorLogoWidth = '88',
-  operatorLogoHeight = '88',
+  operatorLogoWidth = 88,
+  operatorLogoHeight = 88,
   BonusTemplate = BonusTemplateDefault,
   modulePosition,
   itemPosition,
@@ -141,7 +141,7 @@ const TemplateThree = ({
 TemplateThree.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
-      rating: PropTypes.string,
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
       name: PropTypes.string,
       path: PropTypes.string,
       status: PropTypes.string,
@@ -171,8 +171,8 @@ TemplateThree.propTypes = {
   showBonusForAll: PropTypes.bool,
   BonusTemplate: PropTypes.string,
   showOperatorCta: PropTypes.bool,
-  operatorLogoWidth: PropTypes.string,
-  operatorLogoHeight: PropTypes.string,
+  operatorLogoWidth: PropTypes.number,
+  operatorLogoHeight: PropTypes.number,
   modulePosition: PropTypes.number,
   itemPosition: PropTypes.number,
 };

package/src/components/atoms/cards/operator-card/template-two/index.js

@@ -27,10 +27,10 @@ const TemplateTwo = ({
   hasVariableComponent = false,
   verifyIcon = <Verify />,
   showBonusForAll = false,
-  operatorLogoWidth = '88',
-  operatorLogoHeight = '88',
-  width = '54',
-  height = '36',
+  operatorLogoWidth = 88,
+  operatorLogoHeight = 88,
+  width = 54,
+  height = 36,
   BonusTemplate = BonusTemplateDefault,
   modulePosition,
   itemPosition,
@@ -142,9 +142,9 @@ const TemplateTwo = ({
 TemplateTwo.propTypes = {
   item: PropTypes.shape({
     relation: PropTypes.shape({
-      ribbons: PropTypes.shape([]),
-      deposit_methods: PropTypes.shape([]),
-      rating: PropTypes.string,
+      ribbons: PropTypes.arrayOf(PropTypes.string),
+      deposit_methods: PropTypes.arrayOf(PropTypes.shape({})),
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
       name: PropTypes.string,
       path: PropTypes.string,
       status: PropTypes.string,
@@ -173,10 +173,10 @@ TemplateTwo.propTypes = {
   contentRibbon: PropTypes.bool,
   showBonusForAll: PropTypes.bool,
   BonusTemplate: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
-  operatorLogoWidth: PropTypes.string,
-  operatorLogoHeight: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
+  operatorLogoWidth: PropTypes.number,
+  operatorLogoHeight: PropTypes.number,
   modulePosition: PropTypes.number,
   itemPosition: PropTypes.number,
 };

package/src/components/atoms/cards/operators-table/index.js

@@ -79,7 +79,7 @@ export default CasinosTable;
 
 CasinosTable.propTypes = {
   module: PropTypes.shape({
-    items: PropTypes.arrayOf({}),
+    items: PropTypes.arrayOf(PropTypes.shape({})),
   }).isRequired,
   page: PropTypes.shape({
     template: PropTypes.string,

package/src/components/atoms/cards/payment-method/sellingPoints/index.js

@@ -5,7 +5,7 @@ import styles from './selling-points.module.scss';
 const sellingPoints = ({ sellingPoints }) => (
   <ul className={styles?.sellingPoints || ''}>
     {sellingPoints?.map((itsName) => (
-      <li className={styles?.sellingPointsName || ''}>{itsName.name}</li>
+      <li key={itsName.id} className={styles?.sellingPointsName || ''}>{itsName.name}</li>
     ))}
   </ul>
 );

package/src/components/atoms/cards/payment-method/template-one/index.js

@@ -90,17 +90,17 @@ TemplateOneTwo.propTypes = {
     description: PropTypes.string,
     path: PropTypes.string,
     relation: PropTypes.shape({
-      selling_points: PropTypes.arrayOf(PropTypes.string).isRequired,
+      selling_points: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
       name: PropTypes.string,
       games_count: PropTypes.number,
-      logo: PropTypes.string,
+      logo: PropTypes.shape({}),
       logo_filename_object: PropTypes.shape({
         alt: PropTypes.string,
       }),
       standardised_logo_filename_object: PropTypes.shape({
         alt: PropTypes.string,
       }),
-      rating: PropTypes.string,
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     }),
     sections: PropTypes.shape({
       header: PropTypes.shape({

package/src/components/atoms/cards/payment-method/template-three/index.js

@@ -79,17 +79,17 @@ TemplateThree.propTypes = {
     description: PropTypes.string,
     path: PropTypes.string,
     relation: PropTypes.shape({
-      selling_points: PropTypes.arrayOf(PropTypes.string).isRequired,
+      selling_points: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
       name: PropTypes.string,
       games_count: PropTypes.number,
-      logo: PropTypes.string,
+      logo: PropTypes.shape({}),
       logo_filename_object: PropTypes.shape({
         alt: PropTypes.string,
       }),
       standardised_logo_filename_object: PropTypes.shape({
         alt: PropTypes.string,
       }),
-      rating: PropTypes.string,
+      rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     }),
     sections: PropTypes.shape({
       header: PropTypes.shape({

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

@@ -22,8 +22,8 @@ const PopupCard = ({
   template,
   showRoundedRating = false,
   tncFixed = true,
-  width = '98',
-  height = '98',
+  width = 98,
+  height = 98,
   itemPosition,
 }) => {
   const operatorName = item.name;
@@ -82,7 +82,7 @@ PopupCard.propTypes = {
     name: PropTypes.string,
     bonuses: PropTypes.shape({
       main: PropTypes.shape({
-        one_liner: PropTypes.shape({}),
+        one_liner: PropTypes.string,
       }),
     }),
     bonus: PropTypes.shape({
@@ -95,7 +95,7 @@ PopupCard.propTypes = {
       alt: PropTypes.string,
     }),
     review_link: PropTypes.string,
-    rating: PropTypes.string,
+    rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     logo_url_object: PropTypes.shape({
       alt: PropTypes.string,
     }),
@@ -110,8 +110,8 @@ PopupCard.propTypes = {
   tncFixed: PropTypes.bool,
   buttonType: PropTypes.string,
   showRoundedRating: PropTypes.bool,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
   itemPosition: PropTypes.number,
 };
 

package/src/components/atoms/cards/software-provider-card/index.js

@@ -22,6 +22,7 @@ const SoftwareProviderCard = ({
   const { title, path, relation, sections } = item;
   const logUrlObject =
     relation?.standardised_logo_filename_object || relation?.logo_filename_object;
+
   return (
     <div className={styles?.content || ''}>
       <div className={styles?.header || ''}>

package/src/components/atoms/feedback/template-three/index.js

@@ -22,8 +22,8 @@ const FeedBack = ({
   falseVotes,
   contactUs = '/contact-us',
   operatorImg,
-  width = '80',
-  height = '80',
+  width = 80,
+  height = 80,
   showLogo = true,
 }) => {
   const [voted, setVote] = useState(null);
@@ -169,8 +169,8 @@ FeedBack.propTypes = {
   falseVotes: PropTypes.number,
   contactUs: PropTypes.string,
   operatorImg: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
   showLogo: PropTypes.bool,
 };
 

package/src/components/atoms/feedback/template-two/index.js

@@ -18,8 +18,8 @@ const FeedBack = ({
   falseVotes,
   contactUs = '/contact-us',
   operatorImg,
-  width = '80',
-  height = '80',
+  width = 80,
+  height = 80,
 }) => {
   const [voted, setVote] = useState(null);
   const [error, setError] = useState(null);
@@ -143,8 +143,8 @@ FeedBack.propTypes = {
   falseVotes: PropTypes.number,
   contactUs: PropTypes.string,
   operatorImg: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string,
+  width: PropTypes.number,
+  height: PropTypes.number,
 };
 
 export default FeedBack;

package/src/components/atoms/link-menu/index.js

@@ -9,7 +9,7 @@ import styles from './link-menu.module.scss';
 const LinkMenu = ({
   section,
   listIcon = <FaChevronRight title="Right-pointing Arrow Icon" />,
-  showLinks,
+  showLinks=true,
 }) => {
   const menuArray = getFirstModuleByName(section, 'menu');
 

package/src/components/atoms/operator-score-gauge/index.js

@@ -43,7 +43,7 @@ const OperatorScoreGauge = ({
 OperatorScoreGauge.propTypes = {
   onHeader: PropTypes.bool,
   operator: PropTypes.shape({
-    rating: PropTypes.number,
+    rating: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   }),
   numOfStars: PropTypes.number,
   showRoundedRating: PropTypes.bool,