47 lines
1.8 KiB
TypeScript
47 lines
1.8 KiB
TypeScript
// Metro module 15141 (f15142).
|
|
import { useCallback, useMemo } from "react";
|
|
import { View } from "react-native";
|
|
import { ContentDismissActionType } from "../../../dismissible_content/DismissibleContentConstants";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import GuildSettingsActionCreators from "../../../guild_settings/GuildSettingsActionCreators";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
import GuildPowerups_messages from "../GuildPowerups.messages";
|
|
import { BoostThisServerRive } from "../../../../_bundle/Module3901";
|
|
import { useCoachmark } from "../../../../design/components/Coachmark/native/useCoachmark.native";
|
|
const useStyles = createStyles({
|
|
riveContainer: {
|
|
width: 120,
|
|
height: 80,
|
|
alignSelf: "center"
|
|
}
|
|
});
|
|
export default function BoostProgressBarCoachmark({ targetRef, guild, markAsDismissed }) {
|
|
let callback2;
|
|
callback2 = void 0;
|
|
const styles = useStyles();
|
|
const callback = useCallback(() => {
|
|
markAsDismissed(ContentDismissActionType.USER_DISMISS);
|
|
}, [markAsDismissed]);
|
|
callback2 = useCallback(() => {
|
|
markAsDismissed(ContentDismissActionType.TAKE_ACTION);
|
|
GuildSettingsActionCreators.saveGuild(guild.id, {
|
|
premiumProgressBarEnabled: true
|
|
});
|
|
}, [guild.id, markAsDismissed]);
|
|
useCoachmark(targetRef, useMemo(() => ({
|
|
title: intl.string(GuildPowerups_messages.uwV2dH),
|
|
description: intl.string(GuildPowerups_messages.MIwlcR),
|
|
visible: true,
|
|
position: "bottom",
|
|
offsetY: 8,
|
|
onDismiss: callback,
|
|
renderImgComponent: () => <View style={styles.riveContainer}>
|
|
<BoostThisServerRive stateMachine="State Machine 1" />
|
|
</View>,
|
|
buttonLabel: intl.string(t["0CJWP2"]),
|
|
buttonVariant: "primary",
|
|
onButtonPress: callback2
|
|
}), [callback, callback2, styles.riveContainer]));
|
|
return null;
|
|
};
|