import React from 'react';
import classnames from 'classnames';
import RewardSummary from 'component/rewardSummary';
import RewardTotal from 'component/rewardTotal';
import Page from 'component/page';
import UnsupportedOnWeb from 'component/common/unsupported-on-web';
import UserEmail from 'component/userEmail';
import InvitePage from 'page/invite';
import YoutubeChannelList from 'component/youtubeChannelList';

const AccountPage = () => (
  <Page>
    {/* @if TARGET='web' */}
    <UserEmail />
    {/* @endif */}
    <UnsupportedOnWeb />
    <div className={classnames({ 'card--disabled': IS_WEB })}>
      <div className="columns">
        <UserEmail />
        <div>
          <RewardSummary />
          <RewardTotal />
        </div>
      </div>
      <YoutubeChannelList />
      <InvitePage />
    </div>
  </Page>
);

export default AccountPage;