From e84e5be85b58f54d8b32c7acbc4908daa9e26344 Mon Sep 17 00:00:00 2001
From: "Lucian I. Last" <li@last.nl>
Date: Mon, 27 May 2024 09:04:43 +0200
Subject: [PATCH] Add route refresh pull down

---
 app/src/pages/AddressList.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/app/src/pages/AddressList.tsx b/app/src/pages/AddressList.tsx
index ec99293e0..b1a654ad7 100644
--- a/app/src/pages/AddressList.tsx
+++ b/app/src/pages/AddressList.tsx
@@ -11,9 +11,12 @@ import {
   IonPage,
   IonRadio,
   IonRadioGroup,
+  IonRefresher,
+  IonRefresherContent,
   IonSearchbar,
   IonTitle,
   IonToolbar,
+  RefresherEventDetail,
 } from "@ionic/react";
 import { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -30,6 +33,7 @@ import AddressListItem, {
 import wrapIndex from "../utils/wrap_index";
 import { useDebounce } from "@uidotdev/usehooks";
 import IsPaused from "../utils/is_paused";
+import { Sleep } from "../utils/sleep";
 
 export default function AddressList() {
   const {
@@ -129,6 +133,14 @@ export default function AddressList() {
     return arr;
   }, [route, chainUsers, routeListView, slowSearch]);
 
+  function handleRefresh(e: CustomEvent<RefresherEventDetail>) {
+    const refreshPromise = setChain(chain?.uid, authUser);
+    const sleepPromise = Sleep(500);
+    Promise.all([refreshPromise, sleepPromise]).then(() => {
+      e.detail.complete();
+    });
+  }
+
   return (
     <IonPage>
       <OverlayPaused />
@@ -222,6 +234,13 @@ export default function AddressList() {
         </IonToolbar>
       </IonHeader>
       <IonContent fullscreen>
+        <IonRefresher
+          slot="fixed"
+          onIonRefresh={handleRefresh}
+          className="tw-z-0"
+        >
+          <IonRefresherContent />
+        </IonRefresher>
         <div className="tw-relative tw-min-h-full tw-flex tw-flex-col">
           <IonHeader collapse="condense">
             <IonToolbar>