58 lines
2.2 KiB
TypeScript
58 lines
2.2 KiB
TypeScript
// Metro module 12985 (f12986).
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { intl, t } from "../../../intl/index.native";
|
|
import { MarkupText } from "../MarkupReactRules.native";
|
|
import { UnknownGameIcon } from "../../../design/components/Icon/native/redesign/generated/UnknownGameIcon";
|
|
import FastImage from "../../../components_native/common/FastImage";
|
|
import GameProfileActionCreators_native from "../../game_profile/GameProfileActionCreators.native";
|
|
import { GameProfileSources } from "../../game_profile/GameProfileAnalyticUtils";
|
|
import { Text } from "../../../design/components/Text/native/Text";
|
|
const useStyles = createStyles({
|
|
icon: {
|
|
width: 16,
|
|
height: 16,
|
|
borderRadius: Module712.radii.xs,
|
|
marginRight: 2
|
|
},
|
|
chip: {
|
|
backgroundColor: Module712.colors.BORDER_SUBTLE,
|
|
borderRadius: Module712.radii.xs,
|
|
paddingHorizontal: 2
|
|
},
|
|
chipText: {
|
|
color: Module712.unsafe_rawColors.BRAND_500
|
|
}
|
|
});
|
|
export default function MarkupGameMention(props) {
|
|
const { node, state } = props;
|
|
const styles = useStyles();
|
|
const { gameId, gameName, icon } = node;
|
|
const r14 = intl.string(t["11pdXZ"]);
|
|
const r0 = gameName != null && gameName !== "";
|
|
const r12 = r0 ? gameName : r14;
|
|
if (r0) {
|
|
const r43 = <UnknownGameIcon size="sm" style={styles.icon} />;
|
|
return <MarkupText key={state.key} accessibilityRole={state.noStyleAndInteraction ? "text" : "button"} style={styles.chip} color={state?.textColor} onPress={state.noStyleAndInteraction ? void 0 : function() {
|
|
GameProfileActionCreators_native.openGameProfileModal({
|
|
gameId,
|
|
gameProfileModalChecks: {
|
|
shouldOpenGameProfile: true,
|
|
gameId
|
|
},
|
|
source: GameProfileSources.GameMention,
|
|
sourceUserId: state.authorId
|
|
});
|
|
}}>
|
|
{icon != null && icon !== "" ? <FastImage style={styles.icon} source={{
|
|
uri: icon
|
|
}} /> : r43}
|
|
<Text variant="text-sm/medium" style={styles.chipText}>{r12}</Text>
|
|
</MarkupText>;
|
|
}
|
|
return <MarkupText key={state.key} color={state?.textColor}>
|
|
@
|
|
{r14}
|
|
</MarkupText>;
|
|
};
|