SamProject/sam-react-prod
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 급여관리 개선 + 설비관리 신규 + 팝업관리/카드관리/가격표 개선

Browse Source 
- 급여관리: 상세/등록 다이얼로그 리팩토링, actions/types 확장
- 설비관리: 설비현황/점검/수리 4개 페이지 신규 추가
- 팝업관리: PopupDetail/PopupForm 개선
- 카드관리: CardForm 개선
- IntegratedListTemplateV2, SearchFilter, useColumnSettings 개선
- CLAUDE.md: 페이지 모드 라우팅 패턴 규칙 추가
- 공통 페이지 패턴 가이드 확장
This commit is contained in:
유병철
2026-03-12 21:48:37 +09:00
parent 945a371cdf
commit ca5a9325c6
40 changed files with 10284 additions and 1867 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/settings/PopupManagement/PopupDetail.tsx
View File

@@ -10,7 +10,8 @@
*/
import { useRouter } from 'next/navigation';
import { Megaphone, ArrowLeft, Edit, Trash2 } from 'lucide-react';
import { Megaphone, X, Pencil, Trash2 } from 'lucide-react';
import { useMenuStore } from '@/stores/menuStore';
import { PageLayout } from '@/components/organisms/PageLayout';
import { PageHeader } from '@/components/organisms/PageHeader';
import { Button } from '@/components/ui/button';
@@ -27,6 +28,7 @@ interface PopupDetailProps {
export function PopupDetail({ popup, onEdit, onDelete }: PopupDetailProps) {
const router = useRouter();
const sidebarCollapsed = useMenuStore((state) => state.sidebarCollapsed);
const handleBack = () => {
router.push('/ko/settings/popup-management');
@@ -100,22 +102,23 @@ export function PopupDetail({ popup, onEdit, onDelete }: PopupDetailProps) {
</CardContent>
</Card>
{/* 버튼 영역 */}
<div className="flex items-center justify-between">
<Button variant="outline" onClick={handleBack}>
<ArrowLeft className="w-4 h-4 mr-2" />
목록으로
</div>
{/* 하단 버튼 (sticky 하단 바) */}
<div className={`fixed bottom-4 left-4 right-4 px-4 py-3 bg-background/95 backdrop-blur rounded-xl border shadow-lg z-50 transition-all duration-300 md:bottom-6 md:px-6 md:right-[48px] ${sidebarCollapsed ? 'md:left-[156px]' : 'md:left-[316px]'} flex items-center justify-between`}>
<Button variant="outline" onClick={handleBack}>
<X className="w-4 h-4 mr-1" />
취소
</Button>
<div className="flex items-center gap-2">
<Button variant="outline" onClick={onDelete} className="text-destructive hover:bg-destructive hover:text-destructive-foreground">
<Trash2 className="w-4 h-4 mr-1" />
삭제
</Button>
<Button onClick={onEdit}>
<Pencil className="w-4 h-4 mr-1" />
수정
</Button>
<div className="flex items-center gap-2">
<Button variant="outline" onClick={onDelete} className="text-destructive hover:bg-destructive hover:text-destructive-foreground">
<Trash2 className="w-4 h-4 mr-2" />
삭제
</Button>
<Button onClick={onEdit}>
<Edit className="w-4 h-4 mr-2" />
수정
</Button>
</div>
</div>
</div>
</PageLayout>

35
src/components/settings/PopupManagement/PopupForm.tsx
View File

@@ -11,7 +11,8 @@
import { useState, useCallback } from 'react';
import { useRouter } from 'next/navigation';
import { format } from 'date-fns';
import { Megaphone, ArrowLeft, Save, Loader2 } from 'lucide-react';
import { Megaphone, X, Save, Loader2 } from 'lucide-react';
import { useMenuStore } from '@/stores/menuStore';
import { createPopup, updatePopup } from './actions';
import { PageLayout } from '@/components/organisms/PageLayout';
import { PageHeader } from '@/components/organisms/PageHeader';
@@ -62,6 +63,7 @@ function getLoggedInUserName(): string {
export function PopupForm({ mode, initialData }: PopupFormProps) {
const router = useRouter();
const sidebarCollapsed = useMenuStore((state) => state.sidebarCollapsed);
// ===== 폼 상태 =====
const [target, setTarget] = useState<PopupTarget>(initialData?.target || 'all');
@@ -301,21 +303,22 @@ export function PopupForm({ mode, initialData }: PopupFormProps) {
</div>
)}
{/* 버튼 영역 */}
<div className="flex items-center justify-between">
<Button type="button" variant="outline" onClick={handleCancel} disabled={isSubmitting}>
<ArrowLeft className="w-4 h-4 mr-2" />
취소
</Button>
<Button type="button" onClick={handleSubmit} disabled={isSubmitting}>
{isSubmitting ? (
<Loader2 className="w-4 h-4 mr-2 animate-spin" />
) : (
<Save className="w-4 h-4 mr-2" />
)}
{isSubmitting ? '저장 중...' : (mode === 'create' ? '등록' : '저장')}
</Button>
</div>
</div>
{/* 하단 버튼 (sticky 하단 바) */}
<div className={`fixed bottom-4 left-4 right-4 px-4 py-3 bg-background/95 backdrop-blur rounded-xl border shadow-lg z-50 transition-all duration-300 md:bottom-6 md:px-6 md:right-[48px] ${sidebarCollapsed ? 'md:left-[156px]' : 'md:left-[316px]'} flex items-center justify-between`}>
<Button type="button" variant="outline" onClick={handleCancel} disabled={isSubmitting}>
<X className="w-4 h-4 mr-1" />
취소
</Button>
<Button type="button" onClick={handleSubmit} disabled={isSubmitting}>
{isSubmitting ? (
<Loader2 className="w-4 h-4 mr-1 animate-spin" />
) : (
<Save className="w-4 h-4 mr-1" />
)}
{isSubmitting ? '저장 중...' : (mode === 'create' ? '등록' : '저장')}
</Button>
</div>
</PageLayout>
);