52 lines
1.6 KiB
TypeScript
52 lines
1.6 KiB
TypeScript
import { useShareAppMessage } from '@tarojs/taro';
|
|
|
|
import { Tabs } from '@taroify/core';
|
|
import { useState } from 'react';
|
|
|
|
import PartnerIntro from '@/components/partner-intro';
|
|
import PartnerInviteList from '@/components/partner-invite-list';
|
|
import PartnerProfit from '@/components/partner-profit';
|
|
import { PageUrl } from '@/constants/app';
|
|
import useInviteCode from '@/hooks/use-invite-code';
|
|
import { generateMembershipCoupon } from '@/utils/coupon';
|
|
import { getCommonShareMessage } from '@/utils/share';
|
|
import './index.less';
|
|
|
|
const PREFIX = 'partner';
|
|
|
|
export default function Partner() {
|
|
const inviteCode = useInviteCode();
|
|
const [tab, setTab] = useState<number>(0);
|
|
const handleChange = v => {
|
|
setTab(v);
|
|
};
|
|
useShareAppMessage(async () => {
|
|
console.log('Partner inviteCode', inviteCode);
|
|
const { code } = await generateMembershipCoupon();
|
|
return getCommonShareMessage({
|
|
useCapture: false,
|
|
inviteCode,
|
|
title: '宝子，送你个播络会员，找工作更方便',
|
|
path: PageUrl.GiveVip,
|
|
params: { d: code },
|
|
imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-coupon.png',
|
|
});
|
|
});
|
|
|
|
return (
|
|
<div className={PREFIX}>
|
|
<Tabs className={`${PREFIX}__tabs`} value={tab} onChange={handleChange}>
|
|
<Tabs.TabPane value={0} title="简介">
|
|
<PartnerIntro />
|
|
</Tabs.TabPane>
|
|
<Tabs.TabPane value={1} title="邀请名单">
|
|
<PartnerInviteList refreshDisabled={tab !== 1} visible={tab === 1} />
|
|
</Tabs.TabPane>
|
|
<Tabs.TabPane value={2} title="我的收益">
|
|
<PartnerProfit />
|
|
</Tabs.TabPane>
|
|
</Tabs>
|
|
</div>
|
|
);
|
|
}
|