Add empty message to Home
This commit is contained in:
parent
503b3052e0
commit
5ad6aeafbf
17
Home.tsx
17
Home.tsx
|
@ -1,7 +1,13 @@
|
||||||
import AsyncStorage from '@react-native-async-storage/async-storage';
|
import AsyncStorage from '@react-native-async-storage/async-storage';
|
||||||
import React, {useContext, useEffect, useState} from 'react';
|
import React, {useContext, useEffect, useState} from 'react';
|
||||||
import {FlatList, NativeModules, SafeAreaView, StyleSheet} from 'react-native';
|
import {
|
||||||
import {AnimatedFAB, Searchbar} from 'react-native-paper';
|
FlatList,
|
||||||
|
NativeModules,
|
||||||
|
SafeAreaView,
|
||||||
|
StyleSheet,
|
||||||
|
Text,
|
||||||
|
} from 'react-native';
|
||||||
|
import {AnimatedFAB, List, Searchbar} from 'react-native-paper';
|
||||||
import {DatabaseContext} from './App';
|
import {DatabaseContext} from './App';
|
||||||
import EditSet from './EditSet';
|
import EditSet from './EditSet';
|
||||||
|
|
||||||
|
@ -91,8 +97,13 @@ export default function Home() {
|
||||||
<SafeAreaView style={styles.container}>
|
<SafeAreaView style={styles.container}>
|
||||||
<Searchbar placeholder="Search" value={search} onChangeText={setSearch} />
|
<Searchbar placeholder="Search" value={search} onChangeText={setSearch} />
|
||||||
<FlatList
|
<FlatList
|
||||||
style={{height: 100}}
|
|
||||||
data={sets}
|
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}
|
renderItem={renderItem}
|
||||||
keyExtractor={set => set.id!.toString()}
|
keyExtractor={set => set.id!.toString()}
|
||||||
onEndReached={next}
|
onEndReached={next}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user