import PageCustom from "@/components/page-custom/index";
import NavBarNormal from "@/components/NavBarNormal";

import { View } from "@tarojs/components";
import ListWrapper from "@/components/list/ListWrapper";
import ListRow from "@/components/list/ListRow";
import { useUserStore } from "@/store/userStore";
import {restrictedPage} from '@/utils'

export default function Index() {
  restrictedPage();
  const { whoami } = useUserStore();

  return (
    <PageCustom>
      <NavBarNormal backText="账号管理"></NavBarNormal>
      <View className="w-full px-16 py-24 flex flex-col gap-16">
        <ListWrapper>
          <ListRow underline rightRenderer={()=> <View className="flex-center text-gray-5">{whoami?.mobile}</View>}>
            绑定手机
          </ListRow>
          <ListRow rightRenderer={()=> <View className="flex-center text-gray-5">{whoami?.userId}</View>}>
          用户ID
          </ListRow>
        </ListWrapper>
      </View>
    </PageCustom>
  );
}
