diff --git a/src/components/ContainerComponents/ViewContainer/FinishedChallengeDetailsViewContainer.tsx b/src/components/ContainerComponents/ViewContainer/FinishedChallengeDetailsViewContainer.tsx index 70cc776d20d9e01ea9423530d879ff63b0f04d7e..0780b7a91844580c63b578dc28997d50cebe84e7 100644 --- a/src/components/ContainerComponents/ViewContainer/FinishedChallengeDetailsViewContainer.tsx +++ b/src/components/ContainerComponents/ViewContainer/FinishedChallengeDetailsViewContainer.tsx @@ -36,16 +36,18 @@ const FinishedChallengeDetailsViewContainer: React.FC<FinishedChallengeDetailsVi const { screenType } = useContext(AppContext) async function importRightBadge(id: string, badgeStatus: number) { - // Les png doivent être au format idchallenge-badgestate.png - const importedBadge = - id === 'CHA00000001' - ? await import( - /* webpackMode: "eager" */ `assets/png/badges/${id}-1.png` - ) - : await import( - /* webpackMode: "eager" */ `assets/png/badges/${id}-${badgeStatus}.png` - ) - setBadgeIcon(importedBadge.default) + if (badgeStatus !== -1) { + // Les png doivent être au format idchallenge-badgestate.png + const importedBadge = + id === 'CHA00000001' + ? await import( + /* webpackMode: "eager" */ `assets/png/badges/${id}-1.png` + ) + : await import( + /* webpackMode: "eager" */ `assets/png/badges/${id}-${badgeStatus}.png` + ) + setBadgeIcon(importedBadge.default) + } } const defineHeaderHeight = (height: number) => { diff --git a/src/components/ContentComponents/ChallengeList/ChallengeListItem.tsx b/src/components/ContentComponents/ChallengeList/ChallengeListItem.tsx index 13e46e33e6f72d125b98492674fd9f244bf25339..55aae9892dfedce5aae029211d7f2ee5981dfb21 100644 --- a/src/components/ContentComponents/ChallengeList/ChallengeListItem.tsx +++ b/src/components/ContentComponents/ChallengeList/ChallengeListItem.tsx @@ -31,16 +31,18 @@ const ChallengeListItem: React.FC<ChallengeListItemProps> = ({ const [badgeIcon, setBadgeIcon] = useState<string | undefined>() async function importRightBadge(id: string, badgeStatus: number) { - // Les png doivent être au format idchallenge-badgestate.png - const importedBadge = - id === 'CHA00000001' - ? await import( - /* webpackMode: "eager" */ `assets/png/badges/${id}-1.png` - ) - : await import( - /* webpackMode: "eager" */ `assets/png/badges/${id}-${badgeStatus}.png` - ) - setBadgeIcon(importedBadge.default) + if (badgeStatus !== -1) { + // Les png doivent être au format idchallenge-badgestate.png + const importedBadge = + id === 'CHA00000001' + ? await import( + /* webpackMode: "eager" */ `assets/png/badges/${id}-1.png` + ) + : await import( + /* webpackMode: "eager" */ `assets/png/badges/${id}-${badgeStatus}.png` + ) + setBadgeIcon(importedBadge.default) + } } const defineBadge = () => { diff --git a/src/components/ContentComponents/ChallengeModal/ChallengeModal.tsx b/src/components/ContentComponents/ChallengeModal/ChallengeModal.tsx index 70918d35351c66a530c3075a662c76d37135d85a..c4ee3a2d59bc739e972d86c0c9b88fb9f5f1ba6e 100644 --- a/src/components/ContentComponents/ChallengeModal/ChallengeModal.tsx +++ b/src/components/ContentComponents/ChallengeModal/ChallengeModal.tsx @@ -31,16 +31,18 @@ const ChallengeModal: React.FC<ChallengeModalProps> = ({ const { screenType } = useContext(AppContext) async function importRightBadge(id: string, badgeStatus: number) { - // Les png doivent être au format idchallenge-badgestate.png - const importedBadge = - id === 'CHA00000001' - ? await import( - /* webpackMode: "eager" */ `assets/png/badges/${id}-1.png` - ) - : await import( - /* webpackMode: "eager" */ `assets/png/badges/${id}-${badgeStatus}.png` - ) - setBadgeIcon(importedBadge.default) + if (badgeStatus !== -1) { + // Les png doivent être au format idchallenge-badgestate.png + const importedBadge = + id === 'CHA00000001' + ? await import( + /* webpackMode: "eager" */ `assets/png/badges/${id}-1.png` + ) + : await import( + /* webpackMode: "eager" */ `assets/png/badges/${id}-${badgeStatus}.png` + ) + setBadgeIcon(importedBadge.default) + } } const showTheRightBadge = (badgeStatus: number | null) => {