트랜잭션 삭제 안정성 개선 및 앱 버전 정보 UI 개선

1. 트랜잭션 삭제 기능 안정성 개선:
   - 비동기 작업 최적화로 UI 응답성 향상
   - 메모리 누수 방지를 위한 취소 메커니즘 구현
   - 오류 처리 강화 및 UI 상태 복원 메커니즘 추가

2. 앱 버전 정보 표시 개선:
   - AppVersionInfo 컴포넌트 UI 디자인 개선
   - 설정 페이지 버전 정보 영역 스타일링 개선
   - 빌드 정보 즉시 로딩 구현

* 참고: UI 변경 사항이 포함되어 있으므로 Lovable 팀 리뷰 필요
This commit is contained in:
hansoo
2025-03-18 00:37:26 +09:00
parent 5d1d773c15
commit 8efe62d9fd
4 changed files with 478 additions and 28 deletions

View File

@@ -3,6 +3,7 @@ import React from 'react';
import { useNavigate } from 'react-router-dom';
import NavBar from '@/components/NavBar';
import SyncSettings from '@/components/SyncSettings';
import AppVersionInfo from '@/components/AppVersionInfo';
import { User, CreditCard, Bell, Lock, HelpCircle, LogOut, ChevronRight } from 'lucide-react';
import { cn } from '@/lib/utils';
import { useAuth } from '@/contexts/auth';
@@ -146,8 +147,10 @@ const Settings = () => {
/>
</div>
<div className="mt-12 text-center text-xs text-gray-400">
<p> 0.1</p>
<div className="mt-10 border-t border-gray-200 pt-4">
<div className="neuro-flat p-3 rounded-lg">
<AppVersionInfo showDevInfo={true} />
</div>
</div>
</div>