gatsby-core-theme 30.0.100 → 30.0.102

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [30.0.102](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.101...v30.0.102) (2024-03-19)
+
+
+### Bug Fixes
+
+* remove extra e word ([b338d74](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b338d746fdee9bcff3746dfc890f3618b01e6841))
+* update author box ([75ef3b6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/75ef3b6fe4165835c8e74e3a5c31230a7d84bf6f))
+* update the typo on the name ([d3e5185](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d3e5185178d2abeaff9c90c50889d4837fba4a1f))
+
+
+* Merge branch 'tm-4159-author-box' into 'master' ([a50cc37](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a50cc371a92b8d7c8e85409d89015cda9667447f))
+
+## [30.0.101](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.100...v30.0.101) (2024-03-18)
+
+
+### Bug Fixes
+
+* remove dashes ([6d8b3d3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6d8b3d30ce165545fa4ad27f2d1ec821d046f28a))
+* remove dashes on anchor href ([2945dfe](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2945dfe81f6a6f76086793d92e7905023f705008))
+* revert anchor ([db1fe54](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/db1fe5414c02096dd274bf3d637205e479c5a852))
+
 ## [30.0.100](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v30.0.99...v30.0.100) (2024-03-14)
 
 

package/package.json

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

package/src/components/atoms/author-box/description/index.js

@@ -11,10 +11,11 @@ export default function AuthorDescription({
   contReadIcon = <FaArrowRight title="Right-pointing Arrow Icon" />,
   template = '',
   readMore = false,
+  maximumLength = 30,
 }) {
   const { translations } = useContext(Context) || {};
   const biographyRef = useRef(null);
-  const [isReadMore, setIsReadMore] = useState(false);
+  const [isReadMore, setIsReadMore] = useState(true);
 
   const toggleReadMore = () => {
     biographyRef.current.classList.add(styles.open);
@@ -26,7 +27,9 @@ export default function AuthorDescription({
       <div
         ref={biographyRef}
         className={`${styles.biography} ${
-          author?.biography?.split(' ').length > 30 && readMore ? styles.showReadMore : ''
+          author?.biography?.split(' ').length > maximumLength && readMore
+            ? styles.showReadMore
+            : ''
         }`}
         role="button"
         aria-label="Toggle biography read more"
@@ -35,10 +38,10 @@ export default function AuthorDescription({
         onKeyDown={toggleReadMore}
         dangerouslySetInnerHTML={{
           __html:
-            author?.biography?.split(' ').length > 30 && isReadMore
-              ? `${author?.biography?.split(' ').slice(0, 30).join(' ')} <span class='${
+            author?.biography?.split(' ').length > maximumLength && isReadMore
+              ? `${author?.biography?.split(' ').slice(0, maximumLength).join(' ')} <span class='${
                   styles.contReadText
-                }'>...${translate(translations, 'cont_read', 'continue reading')}</span>`
+                }'>${translate(translations, 'cont_read', '...continue reading')}</span>`
               : author?.biography,
         }}
       />
@@ -66,4 +69,5 @@ AuthorDescription.propTypes = {
   contReadIcon: PropTypes.node,
   template: PropTypes.string,
   readMore: PropTypes.bool,
+  maximumLength: PropTypes.number,
 };

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

@@ -13,7 +13,7 @@ describe('Anchor Component', () => {
     expect(container.querySelectorAll('a')).toHaveLength(2);
     expect(getByText('label-1')).toBeTruthy();
     expect(getByText('label-2')).toBeTruthy();
-    expect(getByText('label-2').getAttribute('href')).toEqual('#label-2');
+    expect(getByText('label-2').getAttribute('href')).toEqual('#label2');
   });
   test('on click', async () => {
     const module = getListCarouselItem(4);

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

@@ -8,7 +8,6 @@ import PropTypes from 'prop-types';
 import { IoIosArrowBack } from '@react-icons/all-files/io/IoIosArrowBack';
 import { IoIosArrowForward } from '@react-icons/all-files/io/IoIosArrowForward';
 import isSticky from '~hooks/stickyOnScroll';
-import ScollX from '../../../../hooks/scroll-x';
 import keygen from '~helpers/keygen';
 import { anchorLink, removeSymbols } from '~helpers/strings';
 import { translate } from '~helpers/getters';

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

@@ -13,7 +13,7 @@ describe('Anchor Component', () => {
     expect(container.querySelectorAll('a')).toHaveLength(2);
     expect(getByText('label-1')).toBeTruthy();
     expect(getByText('label-2')).toBeTruthy();
-    expect(getByText('label-2').getAttribute('href')).toEqual('#label-2');
+    expect(getByText('label-2').getAttribute('href')).toEqual('#label2');
   });
   test('on click', async () => {
     const module = getListCarouselItem(4);

package/src/helpers/strings.js

@@ -6,7 +6,7 @@ export function capitalize(string) {
 }
 
 export function anchorLink(string) {
-  return string.replace(/\s/g, '-').toLowerCase();
+  return string.replace('-', '').replace(/\s/g, '-').toLowerCase();
 }
 
 // export function getLinkListFromPath(path) {