/* eslint-disable jsx-a11y/anchor-is-valid */ import React, {useState} from 'react' import {defaultAccount, IAccount} from './AccountModel' export function Account() { const [data, setData] = useState(defaultAccount) //const [hasError, setHasError] = useState(false); const updateData = (fieldsToUpdate: Partial) => { const updatedData = {...data, ...fieldsToUpdate} setData(updatedData) } return (
{/* begin::Form */}
{/* begin::Form row */}
updateData({username: e.target.value})} />
{/* end::Form row */} {/* begin::Form row */}
updateData({email: e.target.value})} />
Email will not be publicly displayed.{' '} Learn more .
{/* end::Form row */} {/* begin::Form row */}
{/* end::Form row */} {/* begin::Form row */}
{/* end::Form row */} {/* begin::Form row */}
updateData({ communications: { ...data.communications, email: !data.communications.email, }, }) } />
updateData({ communications: { ...data.communications, sms: !data.communications.sms, }, }) } />
updateData({ communications: { ...data.communications, phone: !data.communications.phone, }, }) } />
{/* begin::Form row */}
{/* begin::Form row */}
After you log in, you will be asked for additional information to confirm your identity and protect your account from being compromised. Learn more .
{/* end::Form row */} {/* begin::Form row */}
updateData({requireInfo: !data.requireInfo})} />
For extra security, this requires you to confirm your email or phone number when you reset your password. Learn more .
{/* end::Form row */} {/* begin::Form row */}
{/* end::Form row */}
{/* end::Form */}
) }