load local files

2026-07-27 15:52:51 +02:00
parent 8efa1e18c2
commit 0cc261105a
13 changed files with 737 additions and 45 deletions
@@ -0,0 +1,38 @@
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { MaterialIcons } from '@expo/vector-icons';
+import { SyncStatus } from '../types';
+
+interface SyncStatusBadgeProps {
+  status: SyncStatus;
+  size?: number;
+}
+
+const STATUS_CONFIG: Record<SyncStatus, { icon: string; color: string; bg: string }> = {
+  local: { icon: 'phone-android', color: '#757575', bg: 'rgba(245,245,245,0.9)' },
+  synced: { icon: 'sync', color: '#4CAF50', bg: 'rgba(232,245,233,0.9)' },
+  cloud: { icon: 'cloud', color: '#1976D2', bg: 'rgba(227,242,253,0.9)' },
+};
+
+export function SyncStatusBadge({ status, size = 16 }: SyncStatusBadgeProps) {
+  const config = STATUS_CONFIG[status];
+  const iconSize = Math.round(size * 0.7);
+
+  return (
+    <View style={[styles.badge, { width: size, height: size, borderRadius: size / 2, backgroundColor: config.bg }]}>
+      <MaterialIcons name={config.icon as any} size={iconSize} color={config.color} />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  badge: {
+    position: 'absolute',
+    top: 2,
+    right: 2,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 0.5,
+    borderColor: 'rgba(0,0,0,0.1)',
+  },
+});