diff --git a/src/app/appStyles.ts b/src/app/appStyles.ts index 817c867..7ca1c7a 100644 --- a/src/app/appStyles.ts +++ b/src/app/appStyles.ts @@ -197,4 +197,16 @@ export const appStyles = StyleSheet.create({ top: 3, right: 4, }, + 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..52e34b7 100644 --- a/src/app/tabs/ProjectList.tsx +++ b/src/app/tabs/ProjectList.tsx @@ -9,12 +9,13 @@ import { import { logger } from '../../utils/logger'; import { Project } from '../../types/db/types'; import { getProjects } from '../../db/queries'; +import { appStyles as styles } from '../appStyles'; import { useNavigation } from '@react-navigation/native'; +import { SyncButton } from '../../components/ui/SyncButton'; import FluentLogo from '../../assets/icons/fluent-logo.svg'; -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 { RootStackParamList } from '../../types/navigation/types'; const log = logger.create('ProjectListScreen'); type Nav = StackNavigationProp; @@ -23,6 +24,7 @@ export default function ProjectsScreen() { const navigation = useNavigation