diff --git a/sites/shared/components/curated-sets.mjs b/sites/shared/components/curated-sets.mjs index 0bc421fa2ad..df7d25b9274 100644 --- a/sites/shared/components/curated-sets.mjs +++ b/sites/shared/components/curated-sets.mjs @@ -50,7 +50,14 @@ import { export const ns = ['account', 'patterns', 'status', 'measurements', 'sets', inputNs] -const SetLineup = ({ sets = [], href = false, onClick = false }) => ( +const SetNameWrapper = ({ name, children }) => ( +
+ {children} + {name} +
+) + +const SetLineup = ({ sets = [], lang, href = false, onClick = false }) => (
1 ? 'justify-start px-8' : 'justify-center' @@ -76,9 +83,15 @@ const SetLineup = ({ sets = [], href = false, onClick = false }) => ( if (onClick) props.onClick = () => onClick(set) else if (typeof href === 'function') props.href = href(set.id) - if (onClick) return - else if (href) return - else return
+ let img =
+ if (onClick) img = + else if (href) img = + + return ( + + {img} + + ) })}
) @@ -95,7 +108,7 @@ const ShowCuratedSet = ({ cset }) => { <>

{cset[`name${capitalize(lang)}`]}

- +
@@ -206,6 +219,8 @@ export const CuratedSets = ({ href = false, clickHandler = false, published = tr // Hooks const backend = useBackend() const { setLoadingStatus } = useContext(LoadingStatusContext) + const { i18n } = useTranslation(ns) + const lang = i18n.language // State const [sets, setSets] = useState([]) @@ -236,7 +251,7 @@ export const CuratedSets = ({ href = false, clickHandler = false, published = tr return (
- + {selected && }
) @@ -245,7 +260,8 @@ export const CuratedSets = ({ href = false, clickHandler = false, published = tr // Component for the maintaining the list of curated-sets export const CuratedSetsList = ({ href = false }) => { // Hooks - const { t } = useTranslation(ns) + const { t, i18n } = useTranslation(ns) + const lang = i18n.language const backend = useBackend() const { setLoadingStatus, LoadingProgress } = useContext(LoadingStatusContext) const [refresh, setRefresh] = useState(0) @@ -371,7 +387,7 @@ export const CuratedSetsList = ({ href = false }) => { ))} - +
) }