f0e8e51d06
- 생산관리: 대시보드, 작업지시, 작업실적, 작업자화면 - 품질관리: 검사관리 (리스트/등록/상세) - 자재관리: 입고관리, 재고현황 - 출고관리: 출하관리 (리스트/등록/상세/수정) - 주문관리: 수주관리, 생산의뢰 - 기존 컴포넌트 개선: CardTransactionInquiry, VendorDetail, QuoteRegistration - IntegratedListTemplateV2 개선 - 공통 컴포넌트 분석 문서 추가 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
28 lines
806 B
TypeScript
28 lines
806 B
TypeScript
'use client';
|
|
|
|
/**
|
|
* 완료 토스트/뱃지 컴포넌트
|
|
*
|
|
* 검은색 라운드 배지, 상단 중앙 표시
|
|
* 3초 후 자동 fade out
|
|
*/
|
|
|
|
import { CheckCircle2 } from 'lucide-react';
|
|
import type { CompletionToastInfo } from './types';
|
|
|
|
interface CompletionToastProps {
|
|
info: CompletionToastInfo;
|
|
}
|
|
|
|
export function CompletionToast({ info }: CompletionToastProps) {
|
|
return (
|
|
<div className="fixed top-4 left-1/2 -translate-x-1/2 z-50 animate-in fade-in slide-in-from-top-2 duration-300">
|
|
<div className="bg-gray-900 text-white px-6 py-3 rounded-full shadow-lg flex items-center gap-2">
|
|
<CheckCircle2 className="h-5 w-5 text-green-400" />
|
|
<span className="font-medium">
|
|
{info.orderNo} 완료! ({info.quantity}EA)
|
|
</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
} |