/*
 * account.ts
 * Copyright (C) 2024 veypi <i@veypi.com>
 * 2024-10-22 22:07
 * Distributed under terms of the GPL license.
 */
import { v } from '../v2dom'
import logic from '../logic'

export default v('voa-account voa-item', [
  v('voa-account-header voa-item-header', [
    v({
      class: 'voa-item-title',
      children: ['我的账户'],
      onclick: () => {
        logic.goto('/user')
      }
    }),
    v('vflex-grow'),
    v('a', '🙍', { href: logic.urlwarp('/user') }),
    v('a', '⚙️', { href: logic.urlwarp('/setting') }),
  ]
  ),
  v('voa-account-body voa-item-body', [
    v('voa-ab-ico', [v({ typ: 'img', attrs: { 'src': () => `${logic.urlwarp(logic.user.icon)}` } })]),
    v('voa-ab-info', [
      v('voa-abi-1', [v('span', '昵称：'), v('span', () => logic.user.nickname)]),
      v('voa-abi-2', [v('span', '账户：'), v('span', () => logic.user.username)]),
      v('voa-abi-3', [v('span', '邮箱：'), v('span', () => logic.user.email)]),
      v('voa-abi-4', [v('span', '手机：'), v('span', () => logic.user.phone)]),
    ])
  ])
])