Merge pull request #25 from TaskRatchet/Task-Loading-Text

Task loading text
TaskRatchet · Jun 13, 2024 · 17f82f6 · 17f82f6
2 parents 203537b + 5512821
commit 17f82f6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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<string>();
   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 {
               })
             ) : (
               <View style={[primaryStyle, styles.noTasksContainer]}>
-                {selectedOption === 'Next' ? (
+                {isLoading ? (
+                  <Text style={[textColorStyle, styles.noTasks]}>
+                    Loading...
+                  </Text>
+                ) : selectedOption === 'Next' ? (
                   <Text style={[textColorStyle, styles.noTasks]}>
                     Congrantulations! You're all caught up!
                   </Text>

diff --git 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',
   },