From 5ad6aeafbfd123328fbc9386f3d9e065c5468b11 Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Thu, 7 Jul 2022 17:20:27 +1200
Subject: [PATCH] Add empty message to Home

---
 Home.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/Home.tsx b/Home.tsx
index 34747618..98c8d356 100644
--- a/Home.tsx
+++ b/Home.tsx
@@ -1,7 +1,13 @@
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import React, {useContext, useEffect, useState} from 'react';
-import {FlatList, NativeModules, SafeAreaView, StyleSheet} from 'react-native';
-import {AnimatedFAB, Searchbar} from 'react-native-paper';
+import {
+  FlatList,
+  NativeModules,
+  SafeAreaView,
+  StyleSheet,
+  Text,
+} from 'react-native';
+import {AnimatedFAB, List, Searchbar} from 'react-native-paper';
 import {DatabaseContext} from './App';
 import EditSet from './EditSet';
 
@@ -91,8 +97,13 @@ export default function Home() {
     <SafeAreaView style={styles.container}>
       <Searchbar placeholder="Search" value={search} onChangeText={setSearch} />
       <FlatList
-        style={{height: 100}}
         data={sets}
+        ListEmptyComponent={
+          <List.Item
+            title="No sets yet"
+            description="A set is a group of repetitions (or reps). For example, you might do a set of 8 reps on the Bench Press."
+          />
+        }
         renderItem={renderItem}
         keyExtractor={set => set.id!.toString()}
         onEndReached={next}