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:
Brandon Presley 2022-09-04 16:30:02 +12:00
parent 259d36d67f
commit e483187338
4 changed files with 1 additions and 32 deletions

View File

@ -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}
/>

View File

@ -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"

View File

@ -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>

View File

@ -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>