109 lines
3.4 KiB
JavaScript
109 lines
3.4 KiB
JavaScript
import { View, Text, ScrollView } from "react-native";
|
||
import React, { useState, useEffect } from "react";
|
||
import { useTailwind } from "tailwind-rn";
|
||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||
import { Icon, Button } from "@rneui/themed";
|
||
import baseRequest from "../../../utils/baseRequest";
|
||
import Toast from "react-native-toast-message";
|
||
import { generateSignature } from "../../../utils/crypto";
|
||
|
||
export default function AfterSubmitGuildVerification({ navigation, route }) {
|
||
const tailwind = useTailwind();
|
||
const insets = useSafeAreaInsets();
|
||
|
||
//获取运营微信
|
||
const [wechatList, setWechatList] = useState([]);
|
||
useEffect(() => {
|
||
const getWechat = async () => {
|
||
const apiUrl = process.env.EXPO_PUBLIC_API_URL;
|
||
try {
|
||
const base = await baseRequest();
|
||
const signature = await generateSignature({
|
||
...base,
|
||
});
|
||
const response = await fetch(
|
||
`${apiUrl}/api/support_wx_id/list?signature=${signature}`,
|
||
{
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
},
|
||
body: JSON.stringify({
|
||
...base,
|
||
}),
|
||
}
|
||
);
|
||
const data = await response.json();
|
||
if (data.ret === -1) {
|
||
Toast.show({
|
||
type: "error",
|
||
text1: data.msg,
|
||
topOffset: 60,
|
||
});
|
||
return;
|
||
}
|
||
const temWechat = Object.entries(data.data);
|
||
const temWechatList = temWechat.map((item) => item[1]);
|
||
setWechatList(temWechatList);
|
||
} catch (error) {
|
||
console.error(error);
|
||
}
|
||
};
|
||
getWechat();
|
||
}, []);
|
||
|
||
return (
|
||
<ScrollView
|
||
style={{
|
||
paddingBottom: insets.bottom,
|
||
paddingLeft: insets.left,
|
||
paddingRight: insets.right,
|
||
...tailwind("flex-1"),
|
||
}}
|
||
>
|
||
<View style={tailwind("flex flex-col items-center p-4")}>
|
||
<Icon
|
||
name="checkmark-circle"
|
||
type="ionicon"
|
||
color="#27F5B7"
|
||
size={100}
|
||
/>
|
||
<Text style={tailwind("text-2xl text-white font-medium mb-2")}>
|
||
提交成功
|
||
</Text>
|
||
<Text style={tailwind("text-base text-center text-white font-medium")}>
|
||
您已成功提交审核材料，我们的工作人员将在3个工作日内主动联系您。如有疑问，请联系微信：
|
||
<Text style={tailwind("text-[#F53030]")}>微信：{wechatList[0]}</Text>
|
||
</Text>
|
||
<View style={tailwind("mt-4")}>
|
||
{wechatList.map((item, index) => {
|
||
if (index === 0) return;
|
||
return (
|
||
<Text key={index} style={tailwind("text-base text-[#F53030]")}>
|
||
备用微信{index}：{item}
|
||
</Text>
|
||
);
|
||
})}
|
||
</View>
|
||
<View style={tailwind("flex flex-col w-full px-4")}>
|
||
<Button
|
||
onPress={() => navigation.navigate("My")}
|
||
color="#FFFFFF1A"
|
||
radius="999"
|
||
size="md"
|
||
titleStyle={tailwind("text-base")}
|
||
containerStyle={{
|
||
marginBottom: insets.bottom + 60,
|
||
...tailwind("w-full"),
|
||
}}
|
||
>
|
||
<View style={tailwind("flex flex-col items-center")}>
|
||
<Text style={tailwind("text-base text-white")}>返回主页</Text>
|
||
</View>
|
||
</Button>
|
||
</View>
|
||
</View>
|
||
</ScrollView>
|
||
);
|
||
}
|