initial commit

src/app/modules/process/user-approved/user-edit-modal/UserEditModalFormWrapper.tsx

@@ -0,0 +1,42 @@
+import { useQuery } from "react-query";
+import { UserEditModalForm } from "./UserEditModalForm";
+import { isNotEmpty, QUERIES } from "../../../../../_digifi/helpers";
+import { useListView } from "../core/ListViewProvider";
+import { getUserById } from "../core/_requests";
+
+const UserEditModalFormWrapper = () => {
+  const { itemIdForUpdate, setItemIdForUpdate } = useListView();
+  const enabledQuery: boolean = isNotEmpty(itemIdForUpdate);
+  const {
+    isLoading,
+    data: user,
+    error,
+  } = useQuery(
+    `${QUERIES.USERS_LIST}-user-${itemIdForUpdate}`,
+    () => {
+      return getUserById(itemIdForUpdate);
+    },
+    {
+      cacheTime: 0,
+      enabled: enabledQuery,
+      onError: (err) => {
+        setItemIdForUpdate(undefined);
+        console.error(err);
+      },
+    }
+  );
+
+  if (!itemIdForUpdate) {
+    return (
+      <UserEditModalForm isUserLoading={isLoading} user={{ id: undefined }} />
+    );
+  }
+
+  if (!isLoading && !error && user) {
+    return <UserEditModalForm isUserLoading={isLoading} user={user} />;
+  }
+
+  return null;
+};
+
+export { UserEditModalFormWrapper };