refactor: Update account authentication and password input components

- Replace XKeypad with standard password input fields
- Update user authentication and login info components
- Modify password modification and account pages
- Add sub-layout widget enhancements

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-10-23 10:34:28 +09:00
parent 02cacb9aab
commit 79271caab3
7 changed files with 31 additions and 21 deletions

View File

@@ -111,7 +111,7 @@ export const UserAccountAuthWrap = ({
]
return (
<>
<div className="ing-list pdtop">
<div className="ing-list pdtop pb-86">
<div className="perm-form">
<div className="perm-field">
<div className="perm-label"> </div>
@@ -144,7 +144,7 @@ export const UserAccountAuthWrap = ({
menuGrants={ permissions }
></UserAccountAuthPermList>
<div className="apply-row bottom-padding">
<div className="apply-row">
<button
className="btn-50 btn-blue flex-1"
type="button"

View File

@@ -5,6 +5,7 @@ import { useEffect, useState } from 'react';
import { useUserModifyAuthMethodMutation } from '@/entities/user/api/use-user-modify-authmethod-mutation';
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { snackBar } from '@/shared/lib/toast';
export const UserLoginAuthInfoWrap = ({
mid,
@@ -25,7 +26,7 @@ export const UserLoginAuthInfoWrap = ({
const { mutateAsync: userFindAuthMethod } = useUserFindAuthMethodMutation();
const { mutateAsync: userModifyAuthMethod } = useUserModifyAuthMethodMutation({
onSuccess: () => {
// snackBar('사용자 정보가 성공적으로 저장되었습니다.');
snackBar('사용자 정보가 성공적으로 저장되었습니다.');
navigate(PATHS.account.user.manage, {
state: {
mid: mid,
@@ -33,7 +34,7 @@ export const UserLoginAuthInfoWrap = ({
});
},
onError: (error) => {
// snackBar(error?.response?.data?.message || '사용자 정보 저장에 실패했습니다.');
snackBar(error?.response?.data?.message || '사용자 정보 저장에 실패했습니다.');
}
});
@@ -391,7 +392,7 @@ export const UserLoginAuthInfoWrap = ({
return (
<>
<div className="ing-list pdtop">
<div className="settings-login-auth">
<div className="settings-login-auth pb-86">
<div className="group">
<div className="group-header">
<div className="title"> </div>
@@ -489,7 +490,7 @@ export const UserLoginAuthInfoWrap = ({
<div className="notice-bar"> .</div>
</div>
</div>
<div className="apply-row bottom-padding">
<div className="apply-row">
<button
className="btn-50 btn-blue flex-1"
disabled={!isSaveButtonEnabled()}

View File

@@ -41,7 +41,8 @@ export const UserManageWrap = () => {
return (
<>
<div className="ing-list" style={{ display: 'flex', flexDirection: 'column', height: 'calc(100vh - 200px)' }}>
{/* <div className="ing-list" style={{ display: 'flex', flexDirection: 'column', height: 'calc(100vh - 86px)' }}> */}
<div className="ing-list pb-86">
<div style={{ flexShrink: 0 }}>
<div className="input-wrapper top-select mt-16">
<select