yeet

modules/markup/native/MarkupReactGameMentionRule.tsx

@@ -0,0 +1,57 @@
+// 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>;
+};