Remove all loading logic
SQLite is so fast the spinners only mislead the user into thinking these operations take long. They are practically instant.
This commit is contained in:
parent
259d36d67f
commit
e483187338
|
@ -13,7 +13,6 @@ import Set from './set';
|
|||
export default function BestList() {
|
||||
const [bests, setBests] = useState<Set[]>([]);
|
||||
const [search, setSearch] = useState('');
|
||||
const [refreshing, setRefresing] = useState(false);
|
||||
const navigation = useNavigation<NavigationProp<BestPageParams>>();
|
||||
|
||||
const refresh = useCallback(async () => {
|
||||
|
@ -56,12 +55,6 @@ export default function BestList() {
|
|||
description="Once sets have been added, this will highlight your personal bests."
|
||||
/>
|
||||
}
|
||||
refreshing={refreshing}
|
||||
onRefresh={async () => {
|
||||
setRefresing(true);
|
||||
await refresh();
|
||||
setRefresing(false);
|
||||
}}
|
||||
renderItem={renderItem}
|
||||
data={bests}
|
||||
/>
|
||||
|
|
|
@ -16,7 +16,6 @@ import {PlanPageParams} from './PlanPage';
|
|||
export default function PlanList() {
|
||||
const [search, setSearch] = useState('');
|
||||
const [plans, setPlans] = useState<Plan[]>([]);
|
||||
const [refreshing, setRefresing] = useState(false);
|
||||
const navigation = useNavigation<NavigationProp<PlanPageParams>>();
|
||||
|
||||
const refresh = useCallback(async () => {
|
||||
|
@ -51,11 +50,6 @@ export default function PlanList() {
|
|||
data={plans}
|
||||
renderItem={renderItem}
|
||||
keyExtractor={set => set.id?.toString() || ''}
|
||||
refreshing={refreshing}
|
||||
onRefresh={() => {
|
||||
setRefresing(true);
|
||||
refresh().finally(() => setRefresing(false));
|
||||
}}
|
||||
ListEmptyComponent={
|
||||
<List.Item
|
||||
title="No plans yet"
|
||||
|
|
|
@ -28,7 +28,6 @@ export default function SetList() {
|
|||
const [workouts, setWorkouts] = useState<string[]>([]);
|
||||
const [offset, setOffset] = useState(0);
|
||||
const [search, setSearch] = useState('');
|
||||
const [refreshing, setRefreshing] = useState(false);
|
||||
const [end, setEnd] = useState(false);
|
||||
const [dates, setDates] = useState(false);
|
||||
const [images, setImages] = useState(true);
|
||||
|
@ -42,11 +41,6 @@ export default function SetList() {
|
|||
setEnd(false);
|
||||
}, [search]);
|
||||
|
||||
const refreshLoader = useCallback(async () => {
|
||||
setRefreshing(true);
|
||||
refresh().finally(() => setRefreshing(false));
|
||||
}, [setRefreshing, refresh]);
|
||||
|
||||
useEffect(() => {
|
||||
refresh();
|
||||
}, [search, refresh]);
|
||||
|
@ -105,7 +99,6 @@ export default function SetList() {
|
|||
|
||||
const next = useCallback(async () => {
|
||||
if (end) return;
|
||||
setRefreshing(true);
|
||||
const newOffset = offset + limit;
|
||||
console.log(`${SetList.name}.next:`, {
|
||||
offset,
|
||||
|
@ -147,8 +140,6 @@ export default function SetList() {
|
|||
renderItem={renderItem}
|
||||
keyExtractor={s => s.id!.toString()}
|
||||
onEndReached={next}
|
||||
refreshing={refreshing}
|
||||
onRefresh={refreshLoader}
|
||||
/>
|
||||
<MassiveFab onPress={onAdd} />
|
||||
</View>
|
||||
|
|
|
@ -19,7 +19,6 @@ export default function WorkoutList() {
|
|||
const [workouts, setWorkouts] = useState<Workout[]>();
|
||||
const [offset, setOffset] = useState(0);
|
||||
const [search, setSearch] = useState('');
|
||||
const [refreshing, setRefreshing] = useState(false);
|
||||
const [end, setEnd] = useState(false);
|
||||
const navigation = useNavigation<NavigationProp<WorkoutsPageParams>>();
|
||||
|
||||
|
@ -34,11 +33,6 @@ export default function WorkoutList() {
|
|||
setEnd(false);
|
||||
}, [search]);
|
||||
|
||||
const refreshLoader = useCallback(async () => {
|
||||
setRefreshing(true);
|
||||
refresh().finally(() => setRefreshing(false));
|
||||
}, [setRefreshing, refresh]);
|
||||
|
||||
useEffect(() => {
|
||||
refresh();
|
||||
}, [search, refresh]);
|
||||
|
@ -58,7 +52,6 @@ export default function WorkoutList() {
|
|||
|
||||
const next = useCallback(async () => {
|
||||
if (end) return;
|
||||
setRefreshing(true);
|
||||
const newOffset = offset + limit;
|
||||
console.log(`${SetList.name}.next:`, {
|
||||
offset,
|
||||
|
@ -70,7 +63,7 @@ export default function WorkoutList() {
|
|||
search: `%${search}%`,
|
||||
limit,
|
||||
offset: newOffset,
|
||||
}).finally(() => setRefreshing(false));
|
||||
});
|
||||
if (newWorkouts.length === 0) return setEnd(true);
|
||||
if (!workouts) return;
|
||||
setWorkouts([...workouts, ...newWorkouts]);
|
||||
|
@ -99,8 +92,6 @@ export default function WorkoutList() {
|
|||
renderItem={renderItem}
|
||||
keyExtractor={w => w.name}
|
||||
onEndReached={next}
|
||||
refreshing={refreshing}
|
||||
onRefresh={refreshLoader}
|
||||
/>
|
||||
<MassiveFab onPress={onAdd} />
|
||||
</View>
|
||||
|
|
Loading…
Reference in New Issue
Block a user