diff --git a/frontend/src/components/secret-syncs/SecretSyncSelect.tsx b/frontend/src/components/secret-syncs/SecretSyncSelect.tsx
index 6e3030a01..cbcba4513 100644
--- a/frontend/src/components/secret-syncs/SecretSyncSelect.tsx
+++ b/frontend/src/components/secret-syncs/SecretSyncSelect.tsx
@@ -10,9 +10,9 @@ type Props = {
};
export const SecretSyncSelect = ({ onSelect }: Props) => {
- const { isLoading, data: secretSyncOptions } = useSecretSyncOptions();
+ const { isPending, data: secretSyncOptions } = useSecretSyncOptions();
- if (isLoading) {
+ if (isPending) {
return (
diff --git a/frontend/src/components/secret-syncs/forms/SecretSyncConnectionField.tsx b/frontend/src/components/secret-syncs/forms/SecretSyncConnectionField.tsx
index 60a81605b..94e587709 100644
--- a/frontend/src/components/secret-syncs/forms/SecretSyncConnectionField.tsx
+++ b/frontend/src/components/secret-syncs/forms/SecretSyncConnectionField.tsx
@@ -23,7 +23,7 @@ export const SecretSyncConnectionField = ({ onChange: callback }: Props) => {
const destination = watch("destination");
const app = SECRET_SYNC_CONNECTION_MAP[destination];
- const { data: availableConnections, isLoading } = useListAvailableAppConnections(app);
+ const { data: availableConnections, isPending } = useListAvailableAppConnections(app);
const connectionName = APP_CONNECTION_MAP[app].name;
@@ -54,7 +54,7 @@ export const SecretSyncConnectionField = ({ onChange: callback }: Props) => {
onChange(newValue);
if (callback) callback();
}}
- isLoading={isLoading}
+ isLoading={isPending}
options={availableConnections}
placeholder="Select connection..."
getOptionLabel={(option) => option.name}
diff --git a/frontend/src/pages/organization/AppConnections/AppConnectionsPage/components/AppConnectionList.tsx b/frontend/src/pages/organization/AppConnections/AppConnectionsPage/components/AppConnectionList.tsx
index 5db13f714..e6abba757 100644
--- a/frontend/src/pages/organization/AppConnections/AppConnectionsPage/components/AppConnectionList.tsx
+++ b/frontend/src/pages/organization/AppConnections/AppConnectionsPage/components/AppConnectionList.tsx
@@ -11,9 +11,9 @@ type Props = {
};
export const AppConnectionsSelect = ({ onSelect }: Props) => {
- const { isLoading, data: appConnectionOptions } = useAppConnectionOptions();
+ const { isPending, data: appConnectionOptions } = useAppConnectionOptions();
- if (isLoading) {
+ if (isPending) {
return (
diff --git a/frontend/src/pages/organization/AppConnections/AppConnectionsPage/components/AppConnectionsTable.tsx b/frontend/src/pages/organization/AppConnections/AppConnectionsPage/components/AppConnectionsTable.tsx
index ee71669ba..379ce877c 100644
--- a/frontend/src/pages/organization/AppConnections/AppConnectionsPage/components/AppConnectionsTable.tsx
+++ b/frontend/src/pages/organization/AppConnections/AppConnectionsPage/components/AppConnectionsTable.tsx
@@ -51,7 +51,7 @@ type AppConnectionFilters = {
};
export const AppConnectionsTable = () => {
- const { isLoading, data: appConnections = [] } = useListAppConnections();
+ const { isPending, data: appConnections = [] } = useListAppConnections();
const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp([
"deleteConnection",
@@ -262,7 +262,7 @@ export const AppConnectionsTable = () => {
- {isLoading && (
+ {isPending && (
)}
{filteredAppConnections.slice(offset, perPage * page).map((connection) => (
@@ -285,7 +285,7 @@ export const AppConnectionsTable = () => {
onChangePerPage={setPerPage}
/>
)}
- {!isLoading && !filteredAppConnections?.length && (
+ {!isPending && !filteredAppConnections?.length && (