137 lines
4.6 KiB
JavaScript
137 lines
4.6 KiB
JavaScript
import { View, TouchableOpacity, Text } from "react-native";
|
|
import React from "react";
|
|
import { Icon } from "@rneui/themed";
|
|
import { useTailwind } from "tailwind-rn";
|
|
import { formatDate } from "../../../../utils/tools";
|
|
import { Image } from "expo-image";
|
|
import Toast from "react-native-toast-message";
|
|
export default function NoticeItem({ navigation, leftIcon, hasLink, data }) {
|
|
const tailwind = useTailwind();
|
|
// const currentLink = useMemo(() => {
|
|
// if (hasLink && data?.hyperlinks) {
|
|
// const hasAppLink = data.hyperlinks.filter(
|
|
// (it) => it.action === "app_router_path"
|
|
// )[0];
|
|
// return hasAppLink ?? null;
|
|
// }
|
|
// }, [data]);
|
|
return (
|
|
<View
|
|
style={{
|
|
...tailwind("bg-[#FFFFFF1A] rounded-2xl mb-2"),
|
|
paddingHorizontal: 24,
|
|
paddingVertical: 18,
|
|
}}
|
|
>
|
|
<View style={tailwind("flex flex-row")}>
|
|
<View style={tailwind("flex-1")}>
|
|
{/* 内容 */}
|
|
<View>
|
|
{/* 文本内容 */}
|
|
<View style={{ ...tailwind("flex-row items-center") }}>
|
|
{/* 头像 */}
|
|
<View
|
|
style={{
|
|
...tailwind(
|
|
"flex justify-center items-center rounded-full mr-2"
|
|
),
|
|
width: 28,
|
|
height: 28,
|
|
}}
|
|
>
|
|
{/* <Icon type="ionicon" name="megaphone" size={24} color="white" /> */}
|
|
{leftIcon}
|
|
</View>
|
|
<Text style={tailwind("text-lg text-white font-medium mr-2")}>
|
|
{data?.title}
|
|
</Text>
|
|
</View>
|
|
<Text style={tailwind("text-base text-white font-medium my-2")}>
|
|
{data?.message}
|
|
</Text>
|
|
{/* 链接跳转 */}
|
|
{!!data?.link_text && (
|
|
<TouchableOpacity
|
|
onPress={() => {
|
|
if (!data.is_valid) {
|
|
Toast.show({
|
|
type: "error",
|
|
text1: "此链接已失效",
|
|
topOffset: 60,
|
|
});
|
|
return;
|
|
}
|
|
if (data?.hyperlinks) {
|
|
const linkStr = data?.hyperlinks[0]?.params;
|
|
if (linkStr.indexOf("JoinStreamer") != -1) {
|
|
navigation.navigate("StreamerVerification", {
|
|
screen: "JoinStreamer",
|
|
});
|
|
return;
|
|
} else if (
|
|
linkStr.indexOf("CompleteStreamerInformation") != -1
|
|
) {
|
|
navigation.navigate("StreamerVerification", {
|
|
screen: "CompleteStreamerInformation",
|
|
});
|
|
return;
|
|
}
|
|
navigation.navigate(linkStr);
|
|
}
|
|
}}
|
|
style={{
|
|
...tailwind("rounded-xl p-2 flex flex-row items-center my-2"),
|
|
backgroundColor: "#FFFFFF1A",
|
|
}}
|
|
>
|
|
<View
|
|
style={{
|
|
...tailwind("mr-2 bg-white rounded-lg"),
|
|
width: 50,
|
|
height: 50,
|
|
}}
|
|
>
|
|
<Image
|
|
style={tailwind("h-full rounded-lg")}
|
|
source={data.thumbnail?.images[0].urls[0]}
|
|
contentFit="cover"
|
|
transition={100}
|
|
cachePolicy="disk"
|
|
/>
|
|
</View>
|
|
|
|
<View
|
|
style={{
|
|
...tailwind("flex flex-row justify-between flex-1 px-4"),
|
|
alignItems: "center",
|
|
}}
|
|
>
|
|
<Text
|
|
style={tailwind("text-base text-white font-medium mr-2")}
|
|
>
|
|
{hasLink.text}
|
|
</Text>
|
|
<View>
|
|
<Icon
|
|
type="ionicon"
|
|
name="chevron-forward"
|
|
color="white"
|
|
size={24}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</TouchableOpacity>
|
|
)}
|
|
</View>
|
|
{/* 时间 */}
|
|
<View>
|
|
<Text style={{ ...tailwind("text-xs"), color: "#FFFFFF80" }}>
|
|
{formatDate(data?.push_time || data?.ct)}
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|