yeet

modules/home_drawer/native/subtitles/MentionSubtitle.tsx

@@ -0,0 +1,27 @@
+// Metro module 14983 (f14984).
+import { View } from "react-native";
+import { useSubtitleStyles } from "./useSubtitleStyles";
+import { getChannelIconComponentWithGuild } from "../../../../utils/native/ChannelUtils";
+import { TextIcon } from "../../../../design/components/Icon/native/redesign/generated/TextIcon";
+import { Text } from "../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../intl/index.native";
+export default function MentionSubtitle(props) {
+  const { guild, channel, channelName, count } = props;
+  const styles = useSubtitleStyles();
+  let Component = channel != null ? getChannelIconComponentWithGuild(channel, guild) : void 0;
+  if (Component == null) {
+    Component = TextIcon;
+  }
+  return <View style={styles.subtitleRow}>
+    <Component size="xxs" color="icon-muted" style={styles.channelIcon} />
+    <Text variant="text-xs/medium" color="text-muted" lineClamp={1} style={styles.subtitleText}>
+      {intl.format(t.L9YdGH, {
+        channelName,
+        count: count - 1,
+        channelHook: (a0, a1) => <Text key={a1} variant="text-xs/medium">
+          {a0}
+        </Text>
+      })}
+    </Text>
+  </View>;
+};

modules/home_drawer/native/subtitles/StreamingSubtitle.tsx

@@ -0,0 +1,11 @@
+// Metro module 14981 (f14982).
+import { Text } from "../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../intl/index.native";
+import NicknameUtils from "../../../../utils/NicknameUtils";
+export default function StreamingSubtitle(props) {
+  return <Text variant="text-xs/medium" color="text-voice-connected" lineClamp={1}>
+    {intl.format(t.k5IKep, {
+      username: NicknameUtils.getName(props.guildId, null, props.streamingUser)
+    })}
+  </Text>;
+};

modules/home_drawer/native/subtitles/TypingSubtitle.tsx

@@ -0,0 +1,24 @@
+// Metro module 14985 (f14986).
+import { View } from "react-native";
+import { useSubtitleStyles } from "./useSubtitleStyles";
+import { getChannelIconComponentWithGuild } from "../../../../utils/native/ChannelUtils";
+import { TextIcon } from "../../../../design/components/Icon/native/redesign/generated/TextIcon";
+import { Text } from "../../../../design/components/Text/native/Text";
+export default function TypingSubtitle(props) {
+  const { guild, channel, channelName, text } = props;
+  const styles = useSubtitleStyles();
+  let Component = channel != null ? getChannelIconComponentWithGuild(channel, guild) : void 0;
+  if (Component == null) {
+    Component = TextIcon;
+  }
+  return <View style={styles.subtitleRow}>
+    {channelName != null ? <Component size="xxs" color="icon-muted" style={styles.channelIcon} /> : null}
+    <Text variant="text-xs/medium" color="text-muted" lineClamp={1} style={styles.subtitleText}>
+      {channelName != null ? <Text variant="text-xs/medium">
+        {channelName}
+        {"  ·  "}
+      </Text> : null}
+      {text}
+    </Text>
+  </View>;
+};

modules/home_drawer/native/subtitles/UnreadSubtitle.tsx

@@ -0,0 +1,32 @@
+// Metro module 14986 (f14987).
+import { View } from "react-native";
+import { useSubtitleStyles } from "./useSubtitleStyles";
+import { getChannelIconComponentWithGuild } from "../../../../utils/native/ChannelUtils";
+import * as _TextIcon from "../../../../design/components/Icon/native/redesign/generated/TextIcon";
+import { intl, t } from "../../../../intl/index.native";
+import { Text } from "../../../../design/components/Text/native/Text";
+export default function UnreadSubtitle(props) {
+  const { guild, channel, channelName, count } = props;
+  const styles = useSubtitleStyles();
+  let r18 = channel != null ? getChannelIconComponentWithGuild(channel, guild) : void 0;
+  if (r18 == null) {
+    r18 = _TextIcon.TextIcon;
+  }
+  const TextIcon = r18;
+  return <View style={styles.subtitleRow}>
+    {intl.format(t.OqlmU6, {
+      channelName,
+      count: count - 1,
+      labelHook: (a0, a1) => <Text key={a1} variant="text-xs/medium" color="text-muted" lineClamp={1}>
+        {a0}
+      </Text>,
+      iconHook: (a0, a1) => <TextIcon key={a1} size="xxs" color="icon-muted" style={styles.unreadChannelIcon} />,
+      channelHook: (a0, a1) => <Text key={a1} variant="text-xs/medium" color="text-muted" lineClamp={1} style={styles.subtitleText}>
+        {a0}
+      </Text>,
+      overflowHook: (a0, a1) => <Text key={a1} variant="text-xs/medium" color="text-muted">
+        {a0}
+      </Text>
+    })}
+  </View>;
+};

modules/home_drawer/native/subtitles/VoiceSubtitle.tsx

@@ -0,0 +1,13 @@
+// Metro module 14982 (f14983).
+import { Text } from "../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../intl/index.native";
+import NicknameUtils from "../../../../utils/NicknameUtils";
+export default function VoiceSubtitle(props) {
+  const { guildId, voiceUsers } = props;
+  return <Text variant="text-xs/medium" color="text-voice-connected" lineClamp={1}>
+    {intl.format(t.r1Vkoc, {
+      users: voiceUsers.slice(0, 2).map((item) => NicknameUtils.getName(guildId, null, item)).join(", "),
+      overflowCount: Math.max(voiceUsers.length - 2, 0)
+    })}
+  </Text>;
+};

modules/home_drawer/native/subtitles/useSubtitleStyles.tsx

@@ -0,0 +1,19 @@
+// Metro module 14984 (f14985).
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+const useStyles = createStyles({
+  subtitleRow: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  subtitleText: {
+    flexShrink: 1
+  },
+  channelIcon: {
+    marginRight: 2
+  },
+  unreadChannelIcon: {
+    marginLeft: 2,
+    marginRight: 2
+  }
+});
+export { useStyles as useSubtitleStyles };