126 lines
3.8 KiB
JavaScript
126 lines
3.8 KiB
JavaScript
import { ScrollView, View } from "react-native";
|
|
import React, { useState, useEffect } from "react";
|
|
import { useTailwind } from "tailwind-rn";
|
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
import NoticeItem from "../components/NoticeItem";
|
|
import baseRequest from "../../../utils/baseRequest";
|
|
import { generateSignature } from "../../../utils/crypto";
|
|
import { Image } from "expo-image";
|
|
import Toast from "react-native-toast-message";
|
|
import Empty from "../../../components/Empty";
|
|
import systemIcon from "../../../assets/icon/others/m_system.png";
|
|
import payIcon from "../../../assets/icon/others/m_pay.png";
|
|
import activeIcon from "../../../assets/icon/others/m_active.png";
|
|
import examIcon from "../../../assets/icon/others/m_exam.png";
|
|
import { useDispatch } from "react-redux";
|
|
import { getNoticeCount } from "../../../store/reducer";
|
|
export default function SystemNotice({ navigation, route, ...props }) {
|
|
const { type } = route.params;
|
|
const tailwind = useTailwind();
|
|
const insets = useSafeAreaInsets();
|
|
const [data, setData] = useState([]);
|
|
const dispatch = useDispatch();
|
|
useEffect(() => {
|
|
getData();
|
|
}, []);
|
|
const getData = async (searchValue) => {
|
|
const apiUrl = process.env.EXPO_PUBLIC_API_URL;
|
|
try {
|
|
const base = await baseRequest();
|
|
const body = {
|
|
mid: base.b_mid,
|
|
...base,
|
|
};
|
|
const signature = await generateSignature(body);
|
|
const _receiveResponse = await fetch(
|
|
`${apiUrl}/api/notification/receive?signature=${signature}`,
|
|
{
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify(body),
|
|
}
|
|
);
|
|
const receive = await _receiveResponse.json();
|
|
const _response = await fetch(
|
|
`${apiUrl}/api/notification/list_by_mid?signature=${signature}`,
|
|
{
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify({ n_type: type, ...body }),
|
|
}
|
|
);
|
|
const _data = await _response.json();
|
|
if (_data.ret === -1) {
|
|
Toast.show({
|
|
type: "error",
|
|
text1: _data.msg,
|
|
topOffset: 60,
|
|
});
|
|
return;
|
|
}
|
|
setData(_data.data.list.filter((it) => it.n_type == type));
|
|
|
|
const _response2 = await fetch(
|
|
`${apiUrl}/api/notification/read_all?signature=${signature}`,
|
|
{
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify({ n_types: [type], ...body }),
|
|
}
|
|
);
|
|
const _data2 = await _response2.json();
|
|
if (_data2.ret === -1) {
|
|
Toast.show({
|
|
type: "error",
|
|
text1: _data2.msg,
|
|
topOffset: 60,
|
|
});
|
|
return;
|
|
}
|
|
dispatch(getNoticeCount(0));
|
|
} catch (error) {
|
|
console.error(error);
|
|
}
|
|
};
|
|
return (
|
|
<ScrollView>
|
|
<View style={tailwind("p-4")}>
|
|
{data.map((it) => (
|
|
<NoticeItem
|
|
key={it.id}
|
|
data={it}
|
|
navigation={navigation}
|
|
hasLink={{ url: it.url, text: it.link_text }}
|
|
leftIcon={
|
|
<View>
|
|
<Image
|
|
source={
|
|
it.n_type === 0
|
|
? systemIcon
|
|
: it.n_type === 1
|
|
? examIcon
|
|
: it.n_type === 2
|
|
? payIcon
|
|
: activeIcon
|
|
}
|
|
contentFit="cover"
|
|
cachePolicy="disk"
|
|
transition={1000}
|
|
style={{ width: 32, height: 32 }}
|
|
/>
|
|
</View>
|
|
}
|
|
/>
|
|
))}
|
|
{!data.length && <Empty type="nodata" />}
|
|
</View>
|
|
</ScrollView>
|
|
);
|
|
}
|