The product development system for teams and agents

01 import React from 'react'
02 import { View, ActivityIndicator } from 'react-native'
03 import { useVehicleState } from '@hooks/useVehicleState'
04 import { Dashboard } from '@components/Dashboard'

06 export const HomeScreen = () => {
07   const { vehicleState, isFullySynced } = useVehicleState()

09   if (!isFullySynced) {
10     return <ActivityIndicator size="large" />
11   }

13   return (
14     <View>
15       <Dashboard state={vehicleState} />
16     </View>
17   )
18 }

01 import React from 'react'
02 import { View, ActivityIndicator } from 'react-native'
03 import { useVehicleState, SyncStatus } from '@hooks/useVehicleState'
04 import { Dashboard } from '@components/Dashboard'

06 export const HomeScreen = () => {
07   const { vehicleState, syncStatus } = useVehicleState()

09   if (syncStatus === SyncStatus.PENDING) {
10     return <ActivityIndicator size="large" />
11   }

13   return (
14     <View>
15       <Dashboard state={vehicleState} syncStatus={syncStatus} />
16     </View>
17   )
18 }