fix: use isPending over isLoading

This commit is contained in:
Scott Wilson
2025-02-14 08:54:37 -08:00
parent b2a680ebd7
commit 7826324435
3 changed files with 7 additions and 7 deletions

View File

@@ -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 (
<div className="flex h-full flex-col items-center justify-center py-2.5">
<Spinner size="lg" className="text-mineshaft-500" />

View File

@@ -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 (
<div className="flex h-full flex-col items-center justify-center py-2.5">
<Spinner size="lg" className="text-mineshaft-500" />

View File

@@ -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 = () => {
</Tr>
</THead>
<TBody>
{isLoading && (
{isPending && (
<TableSkeleton innerKey="app-connections-table" columns={4} key="app-connections" />
)}
{filteredAppConnections.slice(offset, perPage * page).map((connection) => (
@@ -285,7 +285,7 @@ export const AppConnectionsTable = () => {
onChangePerPage={setPerPage}
/>
)}
{!isLoading && !filteredAppConnections?.length && (
{!isPending && !filteredAppConnections?.length && (
<EmptyState
title={
appConnections.length