import Taro, { 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 { 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);
  };

  Taro.showShareMenu({
    withShareTicket: true,
  });

  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-coupon1.png',
    // });
    return getCommonShareMessage({
      useCapture: false,
      inviteCode,
      title: '播络专业主播招聘平台招募合伙人',
      path: PageUrl.Partner,
      imageUrl: 'https://publiccdn.neighbourhood.com.cn/img/share-partner.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>
  );
}