feat: add all source files - services, store, hooks, components, screens

components/CommentItem.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { View, Text, Image, StyleSheet } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import type { Comment } from '../services/types';
+import { formatTime } from '../utils/format';
+
+interface Props { item: Comment; }
+
+export function CommentItem({ item }: Props) {
+  return (
+    <View style={styles.row}>
+      <Image source={{ uri: item.member.avatar }} style={styles.avatar} />
+      <View style={styles.content}>
+        <Text style={styles.username}>{item.member.uname}</Text>
+        <Text style={styles.message}>{item.content.message}</Text>
+        <View style={styles.footer}>
+          <Text style={styles.time}>{formatTime(item.ctime)}</Text>
+          <View style={styles.likeRow}>
+            <Ionicons name="thumbs-up-outline" size={12} color="#999" />
+            <Text style={styles.likeCount}>{item.like > 0 ? item.like : ''}</Text>
+          </View>
+        </View>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  row: { flexDirection: 'row', paddingHorizontal: 16, paddingVertical: 10, borderBottomWidth: StyleSheet.hairlineWidth, borderBottomColor: '#eee' },
+  avatar: { width: 34, height: 34, borderRadius: 17, marginRight: 10 },
+  content: { flex: 1 },
+  username: { fontSize: 12, color: '#00AEEC', marginBottom: 3 },
+  message: { fontSize: 14, color: '#212121', lineHeight: 20 },
+  footer: { flexDirection: 'row', justifyContent: 'space-between', marginTop: 4 },
+  time: { fontSize: 11, color: '#bbb' },
+  likeRow: { flexDirection: 'row', alignItems: 'center', gap: 2 },
+  likeCount: { fontSize: 11, color: '#999' },
+});