diff --git a/src/screens/HomeScreen.tsx b/src/screens/HomeScreen.tsx index cdc93d3..beb96c6 100644 --- a/src/screens/HomeScreen.tsx +++ b/src/screens/HomeScreen.tsx @@ -39,7 +39,7 @@ export default function HomeScreen({navigation}: Props): JSX.Element { const [clickedId, setClickedId] = useState(); const [selectedOption, setSelectedOption] = useState('Next'); - const {data: tasks} = useQuery({ + const {data: tasks, isLoading} = useQuery({ queryKey: ['tasks'], queryFn: getTasks, }); @@ -246,7 +246,11 @@ export default function HomeScreen({navigation}: Props): JSX.Element { }) ) : ( - {selectedOption === 'Next' ? ( + {isLoading ? ( + + Loading... + + ) : selectedOption === 'Next' ? ( Congrantulations! You're all caught up! diff --git a/src/styles/homeScreenStyle.tsx b/src/styles/homeScreenStyle.tsx index 29df9e0..60736ef 100644 --- a/src/styles/homeScreenStyle.tsx +++ b/src/styles/homeScreenStyle.tsx @@ -71,7 +71,6 @@ export const styles = StyleSheet.create({ navBar: {}, profile_infoButtons: { flex: 1, - flexContent: 'space_between', flexDirection: 'row', alignContent: 'center', },