From ce7a5582925a401c384b4637d427275e8ce11a30 Mon Sep 17 00:00:00 2001
From: solderq35 <solderq35@gmail.com>
Date: Wed, 13 Mar 2024 21:49:57 -0700
Subject: [PATCH] refresh pulldown

---
 app/content/drill/index.js   | 21 +++++++++++++++++++--
 app/content/profile/index.js | 21 +++++++++++++++++++--
 app/content/team/index.js    | 19 ++++++++++++++++++-
 yarn.lock                    |  2 +-
 4 files changed, 57 insertions(+), 6 deletions(-)

diff --git a/app/content/drill/index.js b/app/content/drill/index.js
index ee694946..061395ed 100644
--- a/app/content/drill/index.js
+++ b/app/content/drill/index.js
@@ -1,8 +1,10 @@
 import { Link, useNavigation } from "expo-router";
-import { ScrollView, StyleSheet } from "react-native";
+import { useCallback, useState } from "react";
+import { RefreshControl, ScrollView, StyleSheet } from "react-native";
 import { Appbar, List, PaperProvider } from "react-native-paper";
 import { SafeAreaView } from "react-native-safe-area-context";
 
+import { router } from "expo-router";
 import ErrorComponent from "~/components/errorComponent";
 import Loading from "~/components/loading";
 import { useDrillInfo } from "~/hooks/useDrillInfo";
@@ -16,6 +18,16 @@ export default function Index() {
     isLoading: drillInfoIsLoading,
   } = useDrillInfo();
 
+  const [refreshing, setRefreshing] = useState(false);
+
+  const onRefresh = useCallback(() => {
+    setRefreshing(true);
+    setTimeout(() => {
+      router.replace("content/drill/");
+      setRefreshing(false);
+    }, 500);
+  }, []);
+
   if (drillInfoIsLoading) {
     return <Loading />;
   }
@@ -31,7 +43,12 @@ export default function Index() {
           <Appbar.Content title="Drills" />
         </Appbar.Header>
 
-        <ScrollView contentContainerStyle={styles.scrollView}>
+        <ScrollView
+          contentContainerStyle={styles.scrollView}
+          refreshControl={
+            <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
+          }
+        >
           <List.Section>
             {Object.values(drillInfo).map((drill) => (
               <Link
diff --git a/app/content/profile/index.js b/app/content/profile/index.js
index 50a26300..0730926b 100644
--- a/app/content/profile/index.js
+++ b/app/content/profile/index.js
@@ -4,6 +4,7 @@ import {
   BottomSheetModalProvider,
 } from "@gorhom/bottom-sheet";
 import { useQueryClient } from "@tanstack/react-query";
+import { router } from "expo-router";
 import {
   getAuth,
   signInWithEmailAndPassword,
@@ -11,10 +12,11 @@ import {
   updatePassword,
 } from "firebase/auth";
 import { doc, updateDoc } from "firebase/firestore";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   Image,
   Pressable,
+  RefreshControl,
   ScrollView,
   StyleSheet,
   Text,
@@ -74,6 +76,16 @@ function Index(props) {
     isLoading: drillInfoIsLoading,
   } = useDrillInfo();
 
+  const [refreshing, setRefreshing] = useState(false);
+
+  const onRefresh = useCallback(() => {
+    setRefreshing(true);
+    setTimeout(() => {
+      router.replace("content/profile/");
+      setRefreshing(false);
+    }, 500);
+  }, []);
+
   // ref
   const bottomSheetModalRef = useRef(null);
 
@@ -247,7 +259,12 @@ function Index(props) {
         </Appbar.Header>
 
         <BottomSheetModalProvider>
-          <ScrollView contentContainerStyle={styles.scrollViewContent}>
+          <ScrollView
+            contentContainerStyle={styles.scrollViewContent}
+            refreshControl={
+              <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
+            }
+          >
             <View style={styles.profileContainer}>
               <ProfileCard user={userData} />
             </View>
diff --git a/app/content/team/index.js b/app/content/team/index.js
index 283365a1..59b03b9f 100644
--- a/app/content/team/index.js
+++ b/app/content/team/index.js
@@ -3,11 +3,12 @@ import {
   BottomSheetModalProvider,
 } from "@gorhom/bottom-sheet";
 import { router } from "expo-router";
-import React, { useCallback, useMemo, useRef } from "react";
+import React, { useCallback, useMemo, useRef, useState } from "react";
 import {
   Image,
   Keyboard,
   Pressable,
+  RefreshControl,
   TouchableWithoutFeedback,
   View,
 } from "react-native";
@@ -51,6 +52,16 @@ function Index() {
     //console.log("handleSheetChanges", index);
   }, []);
 
+  const [refreshing, setRefreshing] = useState(false);
+
+  const onRefresh = useCallback(() => {
+    setRefreshing(true);
+    setTimeout(() => {
+      router.replace("content/team/");
+      setRefreshing(false);
+    }, 500);
+  }, []);
+
   if (userIsLoading) return <Loading />;
 
   if (userError) return <ErrorComponent message={userError.message} />;
@@ -93,6 +104,12 @@ function Index() {
                 keyboardShouldPersistTaps="handled"
                 showsVerticalScrollIndicator={false}
                 stickyHeaderIndices={[3]}
+                refreshControl={
+                  <RefreshControl
+                    refreshing={refreshing}
+                    onRefresh={onRefresh}
+                  />
+                }
               >
                 <View style={{ alignItems: "center" }}>
                   <Image
diff --git a/yarn.lock b/yarn.lock
index da378d9b..fdb742e1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5810,7 +5810,7 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.1:
+has-property-descriptors@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
   integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==