diff --git a/packages/design-system/components/scrollButton/ScrollButton.jsx b/packages/design-system/components/scrollButton/ScrollButton.jsx index cf73c9f59..0f2505c3c 100644 --- a/packages/design-system/components/scrollButton/ScrollButton.jsx +++ b/packages/design-system/components/scrollButton/ScrollButton.jsx @@ -29,12 +29,13 @@ ScrollButton.propTypes = { /** * It's used to provide a text description for assistive technologies, like screen readers. */ - ariaLabel: string.isRequired, + ariaLabel: string, className: string, } ScrollButton.defaultProps = { className: null, + ariaLabel: "Przejdź do kolejnej sekcji", } export default ScrollButton diff --git a/packages/design-system/patterns/tabs/Tabs.jsx b/packages/design-system/patterns/tabs/Tabs.jsx index 00f4e377c..b3d91c214 100644 --- a/packages/design-system/patterns/tabs/Tabs.jsx +++ b/packages/design-system/patterns/tabs/Tabs.jsx @@ -48,7 +48,7 @@ const Tabs = ({ data, id, transparentContent, className }) => { active={index === activeIndex} aria-selected={index === activeIndex} aria-controls={`${convertToSlug(id)}-${convertToSlug(tab)}`} - id={convertToSlug(tab)} + id={`${convertToSlug(id)}-${convertToSlug(tab)}`} onClick={() => setActiveIndex(index)} borderBottom={transparentContent || activeIndex !== index} transparentContent={transparentContent} diff --git a/packages/frontend/app/templates/Animal/Animal.jsx b/packages/frontend/app/templates/Animal/Animal.jsx index d35f59778..e9ca73c3c 100644 --- a/packages/frontend/app/templates/Animal/Animal.jsx +++ b/packages/frontend/app/templates/Animal/Animal.jsx @@ -59,7 +59,7 @@ const Animal = ({ data, otherAnimals }) => ( Sprawdź, kto jeszcze czeka na miłość - + diff --git a/packages/frontend/app/templates/Animal/components/OtherAnimals/OtherAnimals.jsx b/packages/frontend/app/templates/Animal/components/OtherAnimals/OtherAnimals.jsx index 4e20eb536..d0f428a78 100644 --- a/packages/frontend/app/templates/Animal/components/OtherAnimals/OtherAnimals.jsx +++ b/packages/frontend/app/templates/Animal/components/OtherAnimals/OtherAnimals.jsx @@ -11,7 +11,7 @@ import * as Styled from "./OtherAnimals.styled" const OtherAnimals = ({ data }) => ( - + ( - - {Object.entries(teamData).map(([category, { title, members }]) => ( - <> - {title} - - {members.map((member) => ( - - ))} - - - ))} - -) +const CardList = () => + Object.entries(teamData).map(([category, { title, members }]) => ( + + {title} + + {members.map((member) => ( + + ))} + + + )) export default CardList