33 lines
1.9 KiB
TypeScript
33 lines
1.9 KiB
TypeScript
// Metro module 11665 (f11666).
|
|
import { View } from "react-native";
|
|
import AccessibilityStore from "../../../a11y/AccessibilityStore";
|
|
import GameServerStore from "../../game_server/GameServerStore";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { useStateFromStores } from "../../../../_bundle/Module589";
|
|
import useGameServerPowerupStatus from "../../game_server/hooks/useGameServerPowerupStatus";
|
|
import useGameServerPerk from "../../game_server/hooks/useGameServerPerk";
|
|
import useGuildPowerupOnShowMore from "./hooks/useGuildPowerupOnShowMore";
|
|
import GuildPowerupsPerkCard from "./GuildPowerupsPerkCard";
|
|
import { GameServerHostingRive } from "../../../../_bundle/Module3901";
|
|
const useStyles = createStyles({
|
|
riveContainer: {
|
|
flex: 1,
|
|
paddingVertical: Module712.space.PX_8
|
|
}
|
|
});
|
|
export default function GuildPowerupsGameServerCard(props) {
|
|
const guildId = props.guildId;
|
|
const styles = useStyles();
|
|
const stateFromStores = useStateFromStores([GameServerStore], () => GameServerStore.getStateForGuild(guildId));
|
|
const gameServerPowerupStatus = useGameServerPowerupStatus(guildId);
|
|
const gameServerPerk = useGameServerPerk(guildId);
|
|
const stateFromStores2 = useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion);
|
|
const guildPowerupOnShowMore = useGuildPowerupOnShowMore(guildId, gameServerPerk);
|
|
return stateFromStores == null ? null : gameServerPerk == null ? null : <GuildPowerupsPerkCard title={gameServerPerk.title} description={gameServerPerk.description} cost={gameServerPerk.cost} costDecorator="+" riveComponent={<View style={styles.riveContainer}>
|
|
<GameServerHostingRive stateMachine="SM_Auto" dataBinding={{
|
|
reducedMotion: stateFromStores2
|
|
}} />
|
|
</View>} badge="beta" status={gameServerPowerupStatus} onPress={guildPowerupOnShowMore} />;
|
|
};
|