diff --git a/src/app/appStyles.ts b/src/app/appStyles.ts index 817c867..f0555e7 100644 --- a/src/app/appStyles.ts +++ b/src/app/appStyles.ts @@ -197,4 +197,23 @@ export const appStyles = StyleSheet.create({ top: 3, right: 4, }, + syncButtonContainer: { + paddingHorizontal: 16, + paddingVertical: 12, + backgroundColor: '#fff', + borderBottomWidth: 1, + borderBottomColor: '#e0e0e0', + }, + refreshingIndicator: { + flexDirection: 'row', + alignItems: 'center', + justifyContent: 'center', + paddingVertical: 12, + backgroundColor: '#f5f5f5', + gap: 8, + }, + refreshingText: { + fontSize: 12, + color: '#666', + }, }); diff --git a/src/app/tabs/ProjectList.tsx b/src/app/tabs/ProjectList.tsx index b653cd2..dd0ad95 100644 --- a/src/app/tabs/ProjectList.tsx +++ b/src/app/tabs/ProjectList.tsx @@ -15,6 +15,7 @@ import { RootStackParamList } from '../../types/navigation/types'; import { StackNavigationProp } from '@react-navigation/stack'; import { Ionicons } from '@react-native-vector-icons/ionicons'; import { appStyles as styles } from '../appStyles'; +import { SyncButton } from '../../components/ui/SyncButton'; const log = logger.create('ProjectListScreen'); type Nav = StackNavigationProp; @@ -23,6 +24,7 @@ export default function ProjectsScreen() { const navigation = useNavigation