64 lines
2.9 KiB
TypeScript
64 lines
2.9 KiB
TypeScript
// Metro module 14191 (f14192).
|
|
import { View } from "react-native";
|
|
import QuestStore from "../../QuestStore";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { useStateFromStores } from "../../../../_bundle/Module589";
|
|
import { QuestContentImpressionTrackerNative } from "../QuestContentImpressionTracker.native";
|
|
import { QuestContent } from "../../QuestTypes";
|
|
import useCountdown from "../../../../hooks/useCountdown";
|
|
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
let useStyles;
|
|
const QuestEnrollmentBlockedBottomSheet = function QuestEnrollmentBlockedBottomSheet(props) {
|
|
const questEnrollmentBlockedUntil2 = props.questEnrollmentBlockedUntil;
|
|
const styles = useStyles();
|
|
let r30 = questEnrollmentBlockedUntil2;
|
|
if (r30 == null) {
|
|
r30 = new Date();
|
|
}
|
|
const countdown = useCountdown(r30);
|
|
const { hours, minutes, seconds } = countdown;
|
|
const r20 = String(hours).padStart(2, "0");
|
|
const r19 = String(minutes).padStart(2, "0");
|
|
const r18 = String(seconds).padStart(2, "0");
|
|
return questEnrollmentBlockedUntil2 == null ? null : <BottomSheet header={<View style={styles.heading}>
|
|
<Text variant="heading-xl/bold">
|
|
{intl.string(t["XEHDT/"])}
|
|
</Text>
|
|
</View>} footer={null} startExpanded>
|
|
<View style={styles.container}>
|
|
<Text variant="text-md/normal">
|
|
{intl.formatToPlainString(t["+5XVH+"], {
|
|
countdownString: `${r20}:${r19}:${r18}`
|
|
})}
|
|
</Text>
|
|
</View>
|
|
</BottomSheet>;
|
|
};
|
|
useStyles = createStyles({
|
|
heading: {
|
|
display: "flex",
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
paddingHorizontal: Module712.space.PX_16,
|
|
paddingTop: Module712.space.PX_16,
|
|
gap: Module712.space.PX_24
|
|
},
|
|
container: {
|
|
display: "flex",
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
paddingHorizontal: Module712.space.PX_16,
|
|
paddingBottom: Module712.space.PX_32
|
|
}
|
|
});
|
|
export default function QuestEnrollmentBlockedBottomSheetConnected(props) {
|
|
const { questId, questEnrollmentBlockedUntil, questContentPosition, sourceQuestContent } = props;
|
|
const stateFromStores = useStateFromStores([QuestStore], () => QuestStore.getQuest(questId));
|
|
return stateFromStores != null ? <QuestContentImpressionTrackerNative overrideVisibility questOrQuests={stateFromStores} questContent={QuestContent.QUEST_ENROLLMENT_BLOCKED_BOTTOM_SHEET} questContentPosition={questContentPosition} sourceQuestContent={sourceQuestContent}>
|
|
{() => <QuestEnrollmentBlockedBottomSheet questId={questId} questEnrollmentBlockedUntil={questEnrollmentBlockedUntil} sourceQuestContent={sourceQuestContent} />}
|
|
</QuestContentImpressionTrackerNative> : null;
|
|
};
|