feat(ui-common): add keepLastResolvedOnReload prop in usePromiseCon…

…d component

webapp/src/components/common/utils/UsePromiseCond.tsx

@@ -41,6 +41,7 @@ export interface UsePromiseCondProps<T> {
   ifPending?: () => React.ReactNode;
   ifRejected?: (error: Response["error"]) => React.ReactNode;
   ifResolved?: (data: T) => React.ReactNode;
+  keepLastResolvedOnReload?: boolean;
 }
 
 function UsePromiseCond<T>(props: UsePromiseCondProps<T>) {
@@ -49,21 +50,40 @@ function UsePromiseCond<T>(props: UsePromiseCondProps<T>) {
     ifPending = () => <SimpleLoader />,
     ifRejected = (error) => <SimpleContent title={error?.toString()} />,
     ifResolved,
+    keepLastResolvedOnReload = false,
   } = props;
   const { status, data, error } = response;
 
+  ////////////////////////////////////////////////////////////////
+  // Utils
+  ////////////////////////////////////////////////////////////////
+
+  const hasToKeepLastResolved = () => {
+    return data !== undefined && keepLastResolvedOnReload;
+  };
+
+  ////////////////////////////////////////////////////////////////
+  // JSX
+  ////////////////////////////////////////////////////////////////
+
   return (
     <>
       {R.cond([
+        // Resolved
+        [
+          R.either(R.equals(PromiseStatus.Resolved), hasToKeepLastResolved),
+          () => ifResolved?.(data as T),
+        ],
+        // Pending
         [
           R.either(
             R.equals(PromiseStatus.Idle),
             R.equals(PromiseStatus.Pending),
           ),
           () => ifPending(),
         ],
+        // Rejected
         [R.equals(PromiseStatus.Rejected), () => ifRejected(error)],
-        [R.equals(PromiseStatus.Resolved), () => ifResolved?.(data as T)],
       ])(status)}
     </>
   );