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 }) => {
))}
-
+
)
}