INSIDE · STATION · 참여형 번역 · 알림 · MY 화면

2026-09-29 17:06:48 +09:00
parent 18afc9cb98
commit 3aca678072
31 changed files with 10046 additions and 25 deletions
@@ -0,0 +1,108 @@
+import 'package:flutter/material.dart';
+
+import '../../../core/theme/tokens.dart';
+import '../../../core/ui/app_icons.dart';
+import '../my_data.dart';
+import 'my_cards.dart';
+import '../../../core/i18n/app_locale.dart';
+
+/// 프로필 카드 오버레이 — 시안 `374:15738`(명세 `549:22058`).
+///
+/// 닫기 · 프로필 사진 80 · 닉네임 · 티어 카드 · 통계 카드 · 공유 4종(36 원형 아이콘).
+/// *인스타 공유 · 틱톡 공유 · X 공유 · 링크 복사*
+class ProfileCard extends StatelessWidget {
+  const ProfileCard({super.key, required this.profile, required this.onShare});
+
+  final MyProfile profile;
+  final void Function(String target) onShare;
+
+  /// 공유 대상과 시안 아이콘. 명세가 적은 순서 그대로다.
+  static List<String> get shareTargets => [
+    appL10n.shareInstagram,
+    appL10n.shareTiktok,
+    'X',
+    appL10n.shareCopyLink,
+  ];
+  static const _shareIcons = [
+    'assets/figma/share-instagram.png',
+    'assets/figma/share-tiktok.png',
+    'assets/figma/share-x.png',
+    'assets/figma/share-link.png',
+  ];
+
+  ImageProvider<Object> get _photo {
+    final url = profile.photoUrl;
+    return url == null || url.isEmpty
+        ? const AssetImage('assets/figma/avatar-sample.png')
+        : NetworkImage(url);
+  }
+
+  @override
+  Widget build(BuildContext context) => Padding(
+    padding: const EdgeInsets.fromLTRB(16, 20, 16, 28),
+    child: Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Align(
+          alignment: Alignment.centerRight,
+          child: IconButton(
+            tooltip: context.l10n.commonClose,
+            onPressed: () => Navigator.of(context).maybePop(),
+            padding: EdgeInsets.zero,
+            constraints: const BoxConstraints.tightFor(width: 24, height: 24),
+            icon: const ImageIcon(
+              AppIcons.x,
+              size: 24,
+              color: AppColors.onCosmic,
+            ),
+          ),
+        ),
+        const SizedBox(height: 24),
+        CircleAvatar(
+          radius: 40,
+          backgroundColor: AppColors.cosmicSurfaceRaised,
+          backgroundImage: _photo,
+        ),
+        const SizedBox(height: 20),
+        Text(profile.nickname, style: myText(20, FontWeight.w600)),
+        const SizedBox(height: 24),
+        MyTierCard(profile: profile),
+        const SizedBox(height: 19),
+        MyStatsCard(profile: profile),
+        const SizedBox(height: 24),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            for (final (i, target) in shareTargets.indexed) ...[
+              if (i > 0) const SizedBox(width: 16),
+              Semantics(
+                button: true,
+                label: target,
+                child: Tooltip(
+                  message: target,
+                  child: GestureDetector(
+                    onTap: () => onShare(target),
+                    child: ClipOval(
+                      child: Container(
+                        width: 36,
+                        height: 36,
+                        color: Colors.black,
+                        alignment: Alignment.center,
+                        child: Image.asset(
+                          _shareIcons[i],
+                          // X 원본은 21 짜리 글리프라 검정 원 안에 그대로 둔다.
+                          width: i == 2 ? 21 : 36,
+                          height: i == 2 ? 21 : 36,
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          ],
+        ),
+      ],
+    ),
+  );
+}