73 lines
2.5 KiB
TypeScript
73 lines
2.5 KiB
TypeScript
// Metro module 11008 (f11009).
|
|
import { View } from "react-native";
|
|
import ApplicationStore from "../../applications/ApplicationStore";
|
|
import { HelpdeskArticles } from "../../../Constants";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import { isAndroid } from "../../../utils/PlatformUtils";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { useStateFromStores } from "../../../_bundle/Module589";
|
|
import { BottomSheet } from "../../../design/components/Sheet/native/BottomSheet.native";
|
|
import { Icon } from "../../../design/void/native";
|
|
import { Text } from "../../../design/components/Text/native/Text";
|
|
import { intl, t } from "../../../intl/index.native";
|
|
import HelpdeskUtils from "../../../utils/HelpdeskUtils";
|
|
const useStyles = createStyles({
|
|
contentWrapper: {
|
|
paddingHorizontal: 24,
|
|
paddingTop: 8,
|
|
paddingBottom: isAndroid() ? 16 : 0
|
|
},
|
|
gameDescriptionWrapper: {
|
|
flexDirection: "column",
|
|
justifyContent: "flex-start",
|
|
flex: 1
|
|
},
|
|
gameIcon: {
|
|
width: 56,
|
|
height: 56,
|
|
marginRight: 8,
|
|
borderRadius: Module712.radii.sm
|
|
},
|
|
gameDescriptionWrapperOuter: {
|
|
flexDirection: "row"
|
|
},
|
|
timestamp: {
|
|
marginBottom: 4
|
|
}
|
|
});
|
|
export default function MessageGameIconActionSheet(props) {
|
|
const { applicationId, messageTimestamp } = props;
|
|
const styles = useStyles();
|
|
const stateFromStores = useStateFromStores([ApplicationStore], () => ApplicationStore.getApplication(applicationId));
|
|
const r3 = stateFromStores == null;
|
|
let r30 = null;
|
|
if (!r3) {
|
|
let uri = stateFromStores == null ? void 0 : stateFromStores.getIconURL(56);
|
|
if (uri == null) {
|
|
uri = "";
|
|
}
|
|
r30 = <BottomSheet startExpanded>
|
|
<View style={styles.contentWrapper}>
|
|
<View style={styles.gameDescriptionWrapperOuter}>
|
|
<Icon style={styles.gameIcon} resizeMode="contain" source={{
|
|
uri
|
|
}} disableColor />
|
|
<View style={styles.gameDescriptionWrapper}>
|
|
<Text style={styles.timestamp} variant="text-xs/medium" color="text-muted">{messageTimestamp}</Text>
|
|
<Text variant="text-sm/medium">
|
|
{intl.format(t.J3s8JP, {
|
|
applicationName: stateFromStores.name
|
|
})}
|
|
{" "}
|
|
{intl.format(t.BPDKoA, {
|
|
helpdeskArticle: HelpdeskUtils.getArticleURL(HelpdeskArticles.SOCIAL_LAYER_CONNECTIONS)
|
|
})}
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</BottomSheet>;
|
|
}
|
|
return r30;
|
|
};
|