d3ro-voice/apps/mobile/app/(tabs)/profile.tsx
yunchan8804 61a96b3e9b feat(V2-6/V2-7/V2-8): Mobile MVP + Teams + Billing 스캐폴딩
V2-6 — Mobile (Expo) MVP
- apps/mobile/ 신규, npm workspace에서 제외 (Expo deps 부담 회피)
- Expo SDK 51 + Expo Router + AsyncStorage Supabase 클라이언트
- 화면: index/login/(tabs)/{meetings,record,profile}
- expo-av로 녹음 → Edge Function stt-proxy 호출
- expo-web-browser + expo-linking으로 OAuth 콜백 처리
- README에 setup/EAS build 가이드
- 루트 package.json workspaces를 명시 나열로 변경 (apps/mobile 제외)

V2-7 — 팀 기능 (Web)
- apps/web/src/app/teams/page.tsx — 가입한 팀 카드 그리드
- apps/web/src/app/teams/[id]/page.tsx — 멤버 + 공유 회의
- components/teams/create-team-form.tsx — 팀 생성 + owner 자동 team_members
- components/teams/invite-member-form.tsx — user_id 직접 초대 (V2-7b에서 invite flow)
- Sidebar에 Teams/Billing 메뉴 + 아이콘
- ko.json에 nav.teams/nav.billing 키 추가
- V2-2 teams/team_members RLS 활용

V2-8 — 결제 스캐폴딩
- apps/web/src/app/billing/page.tsx — Free/Pro/Team 가격표 + 현재 구독
- components/billing/checkout-button.tsx — Edge Function 호출 후 redirect
- server/supabase/functions/stripe-checkout/index.ts:
  - JWT 인증 -> 기존 customer 조회/생성 -> Checkout Session 생성
  - subscriptions 테이블에 customer_id upsert
- server/supabase/functions/stripe-webhook/index.ts:
  - checkout.session.completed -> subscriptions tier=pro/team active
  - customer.subscription.updated/created -> status/period 업데이트
  - customer.subscription.deleted -> tier=free, status=canceled
  - signature 검증은 placeholder (V2-8b에서 정식)
- server/supabase/config.toml에 두 함수 등록 (webhook verify_jwt=false)

검증:
- desktop typecheck OK (회귀 없음)
- web typecheck OK
- web next build OK (11 라우트)
- mobile은 별도 install 필요 (workspace 제외)

memory/project_status.md 갱신 — V2 마스터 플랜 전 페이즈 로컬 완료
2026-04-09 16:39:54 +09:00

71 lines
1.9 KiB
TypeScript

// apps/mobile/app/(tabs)/profile.tsx
// 프로필 — 사용자 정보 + 로그아웃
import { View, Text, Pressable, StyleSheet, Alert } from 'react-native'
import { useAuth } from '../../lib/auth-context'
import { supabase } from '../../lib/supabase'
export default function ProfileScreen(): React.ReactElement {
const { user } = useAuth()
async function handleLogout(): Promise<void> {
Alert.alert('로그아웃', '정말 로그아웃하시겠습니까?', [
{ text: '취소', style: 'cancel' },
{
text: '로그아웃',
style: 'destructive',
onPress: async () => {
await supabase.auth.signOut()
}
}
])
}
return (
<View style={styles.container}>
<View style={styles.section}>
<Text style={styles.label}></Text>
<Text style={styles.value}>{user?.email ?? '—'}</Text>
</View>
<View style={styles.section}>
<Text style={styles.label}>User ID</Text>
<Text style={styles.value}>{user?.id ?? '—'}</Text>
</View>
<Pressable style={styles.logoutButton} onPress={() => void handleLogout()}>
<Text style={styles.logoutText}></Text>
</Pressable>
</View>
)
}
const styles = StyleSheet.create({
container: { flex: 1, padding: 24 },
section: {
backgroundColor: '#242427',
padding: 16,
borderRadius: 12,
marginBottom: 16,
borderWidth: 1,
borderColor: 'rgba(255,255,255,0.04)'
},
label: {
color: '#8e8e93',
fontSize: 11,
fontWeight: '700',
letterSpacing: 1.5,
textTransform: 'uppercase',
marginBottom: 4
},
value: { color: '#ffffff', fontSize: 14 },
logoutButton: {
marginTop: 16,
paddingVertical: 14,
borderRadius: 8,
borderWidth: 1,
borderColor: '#ef4444',
alignItems: 'center'
},
logoutText: { color: '#ef4444', fontSize: 14, fontWeight: '600' }
})