|
@@ -17,6 +17,7 @@ import { getInfoSuccess } from "@/store/user";
|
|
|
import TitleView from "@/features/trackTimeDuration/components/TitleView";
|
|
import TitleView from "@/features/trackTimeDuration/components/TitleView";
|
|
|
import showAlert from "@/components/basic/Alert";
|
|
import showAlert from "@/components/basic/Alert";
|
|
|
import { rpxToPx } from "@/utils/tools";
|
|
import { rpxToPx } from "@/utils/tools";
|
|
|
|
|
+import dayjs from "dayjs";
|
|
|
|
|
|
|
|
let useNavigation;
|
|
let useNavigation;
|
|
|
if (process.env.TARO_ENV == 'rn') {
|
|
if (process.env.TARO_ENV == 'rn') {
|
|
@@ -30,6 +31,7 @@ export default function Page() {
|
|
|
const [switchOn, setSwitchOn] = useState(false)
|
|
const [switchOn, setSwitchOn] = useState(false)
|
|
|
const [triggered, setTriggered] = useState(true)
|
|
const [triggered, setTriggered] = useState(true)
|
|
|
const [memberAlert, setMemberAlert] = useState(global.memberAlert)
|
|
const [memberAlert, setMemberAlert] = useState(global.memberAlert)
|
|
|
|
|
+ const accessObj = useSelector((state: any) => state.access);
|
|
|
|
|
|
|
|
let navigation;
|
|
let navigation;
|
|
|
if (useNavigation) {
|
|
if (useNavigation) {
|
|
@@ -149,6 +151,20 @@ export default function Page() {
|
|
|
</TitleView>
|
|
</TitleView>
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ function member_expire(){
|
|
|
|
|
+ if (accessObj.access.member.type == 'NON_CONSUMABLE'){
|
|
|
|
|
+ return 'Unlimited premium access to Pro features forever.'
|
|
|
|
|
+ }
|
|
|
|
|
+ if (accessObj.access.member.type == 'AUTO_RENEW'){
|
|
|
|
|
+ return 'Premium access to Pro features during membership.'
|
|
|
|
|
+ }
|
|
|
|
|
+ if (global.language=='en'){
|
|
|
|
|
+ return dayjs(accessObj.access.member.expire).format('MMM D HH:mm')
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ return dayjs(accessObj.access.member.expire).format('MM月DD日 HH:mm')
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
function detail() {
|
|
function detail() {
|
|
|
return <View className="container">
|
|
return <View className="container">
|
|
|
|
|
|
|
@@ -172,10 +188,17 @@ export default function Page() {
|
|
|
|
|
|
|
|
|
|
|
|
|
<Box>
|
|
<Box>
|
|
|
- <View className="balance" onClick={tapBalance}>
|
|
|
|
|
- <Text className="title">{t('page.more.stone')}</Text>
|
|
|
|
|
- <Text className="desc">{t('page.more.stone_desc')}</Text>
|
|
|
|
|
- </View>
|
|
|
|
|
|
|
+ {
|
|
|
|
|
+ accessObj && accessObj.access && accessObj.access.member.status == 'NON_MEMBER' ? <View className="balance" onClick={tapBalance}>
|
|
|
|
|
+ <Text className="title">{t('page.more.stone')}</Text>
|
|
|
|
|
+ <Text className="desc">{t('page.more.stone_desc')}</Text>
|
|
|
|
|
+ </View> :
|
|
|
|
|
+ <View className="balance" onClick={tapBalance}>
|
|
|
|
|
+ <Text className="title">{t('page.more.pro_member')}</Text>
|
|
|
|
|
+ <Text className="desc">{t('page.more.member_desc',{time:member_expire()})}</Text>
|
|
|
|
|
+ </View>
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
</Box>
|
|
</Box>
|
|
|
{
|
|
{
|
|
|
user.isLogin && process.env.TARO_ENV == 'rn' && <View onClick={goSetting}>
|
|
user.isLogin && process.env.TARO_ENV == 'rn' && <View onClick={goSetting}>
|
|
@@ -215,7 +238,7 @@ export default function Page() {
|
|
|
<Text className="cell_title">{t('page.more.debug_mode')}</Text>
|
|
<Text className="cell_title">{t('page.more.debug_mode')}</Text>
|
|
|
<Switch checked={switchOn} onChange={switchChanged} />
|
|
<Switch checked={switchOn} onChange={switchChanged} />
|
|
|
</View>
|
|
</View>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
</View>
|
|
</View>
|
|
|
}
|
|
}
|
|
|
|
|
|