54 lines
2.1 KiB
TypeScript
54 lines
2.1 KiB
TypeScript
// Metro module 14074 (f14075).
|
|
import { View } from "react-native";
|
|
import AccessibilityStore from "../../../a11y/AccessibilityStore";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { isIOS } from "../../../../utils/PlatformUtils";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
import { OrbsIcon } from "../../../../design/components/Icon/native/redesign/generated/OrbsIcon";
|
|
import { useStateFromStores } from "../../../../_bundle/Module589";
|
|
import { BountiesScrollGradientRive } from "../../../../_bundle/Module3901";
|
|
const useStyles = createStyles(() => ({
|
|
container: {
|
|
flex: 1,
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
gap: Module712.space.PX_4
|
|
},
|
|
headerLabel: {
|
|
textTransform: "uppercase"
|
|
},
|
|
orbRow: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
gap: Module712.space.PX_4
|
|
},
|
|
rive: {
|
|
flex: 1,
|
|
width: "100%"
|
|
},
|
|
orbAmount: {
|
|
marginTop: isIOS() ? 6 : 0
|
|
}
|
|
}));
|
|
export function BountiesScrollRecapFooter(props) {
|
|
const orbAmount = props.orbAmount;
|
|
const styles = useStyles();
|
|
const r6 = intl.string(t.d6Rrn6);
|
|
return <View style={styles.container} pointerEvents="none" accessible accessibilityRole="text" accessibilityLabel={`${r6}, +${orbAmount}`}>
|
|
<Text variant="text-xs/bold" color="text-brand" style={styles.headerLabel} accessible={false}>{r6}</Text>
|
|
<View style={styles.orbRow} accessible={false} importantForAccessibility="no-hide-descendants">
|
|
<OrbsIcon size="sm" color="icon-strong" accessible={false} />
|
|
<Text variant="display-sm" color="text-strong" accessible={false} style={styles.orbAmount}>
|
|
{`+${orbAmount}`}
|
|
</Text>
|
|
</View>
|
|
</View>;
|
|
}
|
|
export function BountiesScrollRecapFooterGradient() {
|
|
return <View style={useStyles().rive}>
|
|
<BountiesScrollGradientRive stateMachine="State Machine 1" fit="fill" alignment="bottom-center" withReducedMotion={useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion) ? "halt" : "play"} />
|
|
</View>;
|
|
}
|