import React from 'react';
import Taro from '@tarojs/taro';
import Page from '@/layouts/index';
import { View } from '@tarojs/components';
import { Empty } from '@antmjs/vantui'
import logo from '@/assets/image/logo.png';
import { useModel } from '@/store';
import Head from './components/Head';
import './index.less';

export default (props) => {

  const { user, person, duty } = useModel('user');

  // const [
  //   show1,
  //   show2,
  // ] = React.useMemo(() => {
  //   return [
  //     false,
  //     false,
  //   ]
  // }, [duty]);

  // const onClick = () => {
  //   Taro.navigateTo({
  //     url: `/pages/my/edit/index`
  //   })
  // }

  return (
    <Page tabBar="mine">
      <Head
        avatar={user?.avatar || person?.avatar || logo}
        name={user?.name || person?.name || '市民先生'}
      />
      <View>
        <Empty description="我们在正在努力开发中..." />
      </View>
      {/* <View className="wrapper-header">
        <View className="wrapper-header-circle">
          <View className="wrapper-header-circle2" />
        </View>
        <View className="wrapper-header-box">
          <Image className="wrapper-header-img" src={user?.avatar || person?.avatar || logo} />
        </View>
        <View className="wrapper-header-box2">
          <View className="wrapper-header-text">{user?.name || person?.name || '市民先生'}</View>
        </View>
      </View>

      <View className="wrapper-middle">
        {
          show1 && (
            <View className="wrapper-middle-box">
              <Image className="wrapper-middle-img" src={peopleicon} />
              <View className="wrapper-middle-text">所在部门</View>
              <View className="wrapper-middle-text2">县文明办</View>
            </View>
          )
        }
        {
          show2 && (
            <View className="wrapper-middle-box" onClick={onClick}>
              <Image className="wrapper-middle-img" src={smallbell} />
              <View className="wrapper-middle-text3">消息通知</View>
            </View>
          )
        }
      </View> */}
    </Page>
  )
}