gatsby-core-theme 41.1.13 → 41.1.14

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [41.1.14](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.13...v41.1.14) (2024-12-23)
+
+
+### Bug Fixes
+
+* add placeholder for anchor ([1982603](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/19826038e2f94a1664ef01e11238c422a7a1fc76))
+
+
+* Merge branch 'TM-5018-anchor-placeholder' into 'master' ([328a58b](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/328a58b9e15063c8b0adf0c15dd4578369d8051e))
+
 ## [41.1.13](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v41.1.12...v41.1.13) (2024-12-17)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "41.1.13",
+  "version": "41.1.14",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/organisms/anchor/template-one/index.js

@@ -11,6 +11,7 @@ import { IoIosArrowForward } from "@react-icons/all-files/io/IoIosArrowForward";
 import isSticky from "~hooks/stickyOnScroll";
 import keygen from "~helpers/keygen";
 import { anchorLink, removeSymbols } from "~helpers/strings";
+import { generatePlaceholderString } from "~helpers/generators";
 
 import useTranslate from "~hooks/useTranslate/useTranslate";
 import styles from "./anchor.module.scss";
@@ -27,10 +28,11 @@ function Anchor({
   buttonScroll = 200,
   leftButtonIcon = <IoIosArrowBack />,
   rightButtonIcon = <IoIosArrowForward />,
+  page
 }) {
   const [scrollX, setScrollX] = useState(0);
   const [scrollEnd, setScrollEnd] = useState(false);
-
+  
   const itemsRef = useRef([]);
   const anchorContainerRef = useRef(null);
   const anchorListRef = useRef(null);
@@ -126,7 +128,7 @@ function Anchor({
         ref={(el) => (itemsRef.current[index] = el)}
         href={`#${item?.id && item.id}`}
       >
-        {useTranslate(item.slug, item.label)}
+        {generatePlaceholderString(useTranslate(item.slug, item.label),null, page?.relation)}
         {icon}
       </a>
     </li>
@@ -200,6 +202,9 @@ Anchor.propTypes = {
   rightButtonIcon: PropTypes.shape({}),
   minCharactersForButtons: PropTypes.number,
   setShowButtons: PropTypes.bool,
+  page: PropTypes.shape({
+    relation:PropTypes.shape({})
+  })
 };
 
 export default Anchor;

package/src/components/organisms/anchor/template-two/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable no-unused-expressions */
 /* eslint-disable prefer-destructuring */
@@ -10,9 +11,11 @@ import ScollX from 'gatsby-core-theme/src/hooks/scroll-x';
 import keygen from '~helpers/keygen';
 import { anchorLink, removeSymbols } from '~helpers/strings';
 import useTranslate from '~hooks/useTranslate/useTranslate';
+import { generatePlaceholderString } from "~helpers/generators";
+
 import styles from './template-two.module.scss';
 
-function Anchor({ module: { items }, icon = null, showTitle = true, exclOperator = false }) {
+function Anchor({ module: { items }, icon = null, showTitle = true, exclOperator = false, page }) {
   const itemsRef = useRef([]);
   const anchorContainerRef = useRef(null);
   const anchorListRef = useRef(null);
@@ -49,7 +52,7 @@ function Anchor({ module: { items }, icon = null, showTitle = true, exclOperator
                   ref={(el) => (itemsRef.current[index] = el)}
                   href={`#${item?.id && item.id}`}
                 >
-                  {useTranslate(item.slug, item.label)}
+                  {generatePlaceholderString(useTranslate(item.slug, item.label), null, page?.relation)}
                   {icon}
                 </a>
               </li>
@@ -70,10 +73,12 @@ Anchor.propTypes = {
       })
     ),
   }).isRequired,
-  headerOffset: PropTypes.number,
   styles: PropTypes.shape({}),
   icon: PropTypes.element,
   showTitle: PropTypes.string,
+  page: PropTypes.shape({
+    relation: PropTypes.shape({})
+  })
 };
 
 export default Anchor;