diff --git a/src/shared/assets/icons/xp-boost.svg b/src/shared/assets/icons/xp-boost.svg new file mode 100644 index 000000000..24440f26b --- /dev/null +++ b/src/shared/assets/icons/xp-boost.svg @@ -0,0 +1,61 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/shared/components/RealmPanel/RealmDetailsPanel/RealmDetailsHeader.tsx b/src/shared/components/RealmPanel/RealmDetailsPanel/RealmDetailsHeader.tsx index 4bd8fab95..ccf125a15 100644 --- a/src/shared/components/RealmPanel/RealmDetailsPanel/RealmDetailsHeader.tsx +++ b/src/shared/components/RealmPanel/RealmDetailsPanel/RealmDetailsHeader.tsx @@ -6,7 +6,11 @@ import { getRadialGradientFromRealmColor, separateThousandsByComma, } from "shared/utils" -import { WEEKLY_XP_ALLOCATION, getRealmMapData } from "shared/constants" +import { + WEEKLY_XP_ALLOCATION, + WEEKLY_XP_BOOST, + getRealmMapData, +} from "shared/constants" import { RealmData } from "shared/types" import RealmDetailsSection from "./RealmDetailsSection" @@ -54,7 +58,8 @@ export default function RealmDetailsHeader({ /> {separateThousandsByComma( - /* realm.xpAllocatable || */ WEEKLY_XP_ALLOCATION, + /* realm.xpAllocatable || */ WEEKLY_XP_ALLOCATION * + WEEKLY_XP_BOOST, 0 )}{" "} XP diff --git a/src/shared/components/RealmPanel/RealmPanelCountdown.tsx b/src/shared/components/RealmPanel/RealmPanelCountdown.tsx index eb26dcf0a..1b7addf59 100644 --- a/src/shared/components/RealmPanel/RealmPanelCountdown.tsx +++ b/src/shared/components/RealmPanel/RealmPanelCountdown.tsx @@ -6,6 +6,8 @@ import { useDappSelector, } from "redux-state" import { getNextSelectedWeekDay, getTimeRemaining } from "shared/utils" +import xpBoostIcon from "shared/assets/icons/xp-boost.svg" +import Icon from "../Icon" export default function RealmPanelCountdown() { const seasonWeek = useDappSelector(selectSeasonWeek) @@ -19,14 +21,23 @@ export default function RealmPanelCountdown() { return ( <> - - - Week {seasonWeek}{" "} - - / {seasonDuration} - + + + + + Week {seasonWeek}{" "} + + / {seasonDuration} + + + {timeRemaining} - {timeRemaining}