42 lines
1.6 KiB
TypeScript
42 lines
1.6 KiB
TypeScript
// Metro module 10341 (f10342).
|
|
import { memo, useCallback } from "react";
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { intl, t } from "../../../intl/index.native";
|
|
import { transitionToMessage } from "../../routing/transitionToChannel";
|
|
import { JumpType } from "../../../flow/Client";
|
|
import { NotificationPressable } from "./Notification";
|
|
import { RetryIcon } from "../../../design/components/Icon/native/redesign/generated/RetryIcon";
|
|
import { SystemMessageText } from "./MessagePreviewText";
|
|
const useStyles = createStyles({
|
|
iconContainer: {
|
|
width: 40,
|
|
height: 40,
|
|
backgroundColor: Module712.colors.BACKGROUND_MOD_SUBTLE,
|
|
display: "flex",
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
borderRadius: Module712.radii.md
|
|
}
|
|
});
|
|
const r37 = memo(function MessageFailedToSendNotification(props) {
|
|
const notification = props.notification;
|
|
const styles = useStyles();
|
|
const header = {
|
|
type: "simple",
|
|
text: intl.string(t.Q0x94X)
|
|
};
|
|
const { channelId, messageId } = notification;
|
|
return <NotificationPressable icon={<View style={styles.iconContainer}>
|
|
<RetryIcon size="md" color={Module712.colors.ICON_SUBTLE} />
|
|
</View>} header={header} onPress={useCallback(() => {
|
|
transitionToMessage(channelId, messageId, {
|
|
jumpType: JumpType.INSTANT
|
|
});
|
|
}, [channelId, messageId])} notification={notification}>
|
|
<SystemMessageText text={intl.string(t.xxRPOT)} />
|
|
</NotificationPressable>;
|
|
});
|
|
export default r37;
|