C4U4NZIn / -goraEu

Ágora_web_1.0_v

//Projeto Ágora_web.v01 //para não se esquecer: //componente de delete: {isOpenDelete && ( <> {/**Componente de Exclude */}

 <CardUserContainerExclude $width={29.25} $height={29}>
 <form

onSubmit={handleSubmit(handleSubmitPassword)}

Excluir Conta

{/**Componente de Informações */} Insira a senha {errors.password && ({errors.password.message})} {/** O onKeyPress está com dias contados * verifica e apenas permite o usuario * digitar números * Componentizar esse OtpInput depois */} Insira o código enviado no E-mail { if(!/[0-9]/.test(event.key)){ event.preventDefault(); } }} />} containerStyle={{ width:'60%', height:'100%', borderRadius:'none', border:'none', display:'flex', justifyContent:'center', alignItems:'center', gap:'10px' }} inputStyle={{ width:'15%', height:'80%', border:'1px solid rgba(242, 105, 33, 1)', fontSize:'40px', backgroundColor:'rgba(232, 218, 218, 1)', borderRadius:'10px', WebkitAppearance:'none', margin:'0' }} inputType="text" />

Reenviar código

{/**Adicionar um form nesse container */} {/**Foram utilizados vários inline aqui, mas nada que prejudique legibilidade */} }}

<ButtonComponent onClick={fecharDelete} style={{ borderRadius:'15px' }} $width={10} $height={2} $borderRadius={0} $backgroundColor="rgba(242, 105, 33, 1)"

style={{ color:'#fff' }}

Cancelar

<ButtonComponent type="submit" disabled={!isActivePasswordField || !isVoidOtpField} style={{ borderRadius:'15px' }} $width={10} $height={2} $borderRadius={0} $backgroundColor="rgba(242, 105, 33, 1)"

style={{ color:"#fff" }}

Excluir

 </>
 )}