|
@@ -46,19 +46,11 @@ const DayItem = ({
|
|
|
}: {
|
|
|
data: ContinuousCfgItem;
|
|
|
idx: number;
|
|
|
- onClaim: Function;
|
|
|
+ onClaim: (data: ContinuousCfgItem) => void;
|
|
|
}) => {
|
|
|
- const dayColor = [
|
|
|
- "#12940f",
|
|
|
- "#297fcf",
|
|
|
- "#ec3920",
|
|
|
- "#12940f",
|
|
|
- "#297fcf",
|
|
|
- "#ec3920",
|
|
|
- "#12940f",
|
|
|
- "#297fcf",
|
|
|
- "#ec3920",
|
|
|
- ];
|
|
|
+ const dayColor = React.useMemo(() => {
|
|
|
+ return ["#12940f", "#297fcf", "#ec3920"][idx % 3];
|
|
|
+ }, [idx]);
|
|
|
|
|
|
const doClaim = () => {
|
|
|
if (onClaim && typeof onClaim === "function") {
|
|
@@ -84,7 +76,7 @@ const DayItem = ({
|
|
|
)}
|
|
|
<div className={styles.premioItem}>
|
|
|
<div className={styles.premioItemDay}>
|
|
|
- <span style={{ color: dayColor[idx] }}>{data.days}</span>
|
|
|
+ <span style={{ color: dayColor }}>{data.days}</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div className="text-[.16rem] font-bold">
|
|
@@ -246,6 +238,10 @@ const Page = () => {
|
|
|
};
|
|
|
|
|
|
const doClaim = async (data: ContinuousCfgItem) => {
|
|
|
+ if (!query.activity_id) {
|
|
|
+ Toast.show({ content: "Missing activity ID" });
|
|
|
+ return;
|
|
|
+ }
|
|
|
if (!data.is_sign) return;
|
|
|
try {
|
|
|
const res = await claimActivityReward({
|