zio
6c9891c7e2
- Harness: kintex-mobile-dev agent + kintex-mobile-orchestrator skill (WISE mobile ref, Stitch-first design rule, dual app targets B2B/B2C) - design.md v2.1: full 84-screen inventory (web 51 / admin 10 / public 8 / mobile 15) with Stitch prompts incl. ticketing (SCR-P7/P8, M14/M15) - PLANNING v3.1: unified account + split signup tracks (2FA required for staff, light signup/guest for visitors), one codebase / two app targets - Deliverables: dev plan (21s), user/operator/developer guides (17/14/15s), program spec (44s, 65 programs, 8 flowcharts), DA (DB design 14s + table spec xlsx 35 tables/299 cols) - Benchmark: ticketing-app-benchmark.md (7 apps) -> IMPLEMENTATION_BACKLOG Phase F (14 items) - Stitch: 23 generated screens saved (mobile 10, admin 6, web core 5, ticket 2) - mobile/: Expo scaffold (SDK 51, expo-router, secure store JWT) - frontend: SCR-13~17 QA fixes, icons.tsx, kintexEvents, V10 seed migration - ci/: KINTEX CI logo assets Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
/*
|
|
* 상태 배지 — 신청 흐름 상태 색 매핑(design.md §1-4).
|
|
* 작성중(회색)→제출됨(파랑)→AI검토(보라)→승인(녹색)→반려(빨강)→시공중→검수완료.
|
|
*/
|
|
import React from 'react';
|
|
import { StyleSheet, Text, View } from 'react-native';
|
|
import { colors, radius, type } from '../theme';
|
|
|
|
export type Status =
|
|
| 'draft'
|
|
| 'submitted'
|
|
| 'ai_review'
|
|
| 'approved'
|
|
| 'rejected'
|
|
| 'in_construction'
|
|
| 'inspected';
|
|
|
|
const meta: Record<Status, { label: string; color: string; bg: string }> = {
|
|
draft: { label: '작성중', color: colors.neutral700, bg: colors.neutral050 },
|
|
submitted: { label: '제출됨', color: colors.white, bg: colors.primary600 },
|
|
ai_review: { label: 'AI검토', color: colors.white, bg: colors.aiAccent },
|
|
approved: { label: '승인', color: colors.white, bg: colors.success },
|
|
rejected: { label: '반려', color: colors.white, bg: colors.error },
|
|
in_construction: { label: '시공중', color: colors.white, bg: colors.primary700 },
|
|
inspected: { label: '검수완료', color: colors.white, bg: colors.success },
|
|
};
|
|
|
|
export function StatusBadge({ status }: { status: Status }) {
|
|
const m = meta[status];
|
|
return (
|
|
<View style={[styles.badge, { backgroundColor: m.bg }]}>
|
|
<Text style={[styles.text, { color: m.color }]}>{m.label}</Text>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
badge: {
|
|
alignSelf: 'flex-start',
|
|
paddingHorizontal: 10,
|
|
paddingVertical: 3,
|
|
borderRadius: radius.pill,
|
|
},
|
|
text: { fontSize: type.caption.fontSize, fontWeight: '600' },
|
|
});
|