sitero 0.2.0 → 0.3.0

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/tag/page.js

@@ -1,20 +1,21 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { Tag } from 'lucide-react';
+import { Tag, Plus } from 'lucide-react';
 import { POST_TYPES } from 'sitero-domain';
+import { CMS_PATHS } from '../../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../../constants/cms-locale.js';
-import 'mime-types';
+import { TagTable } from '../../../../../components/resources/post/tag/tag-table.js';
+import { PageHeaderLayout } from '../../../../../components/ui/blocks/page-header/page-header-layout.js';
 import 'react';
 import 'ua-parser-js';
 import '../../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
+import '@radix-ui/react-avatar';
+import 'mime-types';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
-import 'next/link';
-import '@radix-ui/react-avatar';
 import '../../../../../components/shadcn/badge.js';
 import '../../../../../components/shadcn/button.js';
 import '@radix-ui/react-collapsible';
@@ -30,20 +31,24 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import 'next/navigation';
+import { LinkButton } from '../../../../../components/ui/buttons/link-button.js';
+import { ReturnButton } from '../../../../../components/ui/buttons/return-button.js';
+import 'next/link';
+import '../../../../../components/ui/inputs/input.js';
+import '../../../../../components/ui/inputs/textarea.js';
+import '../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../components/ui/inputs/password-input.js';
 import '../../../../../../infrastructure/admin-session/admin-context.js';
-import { PageHeader } from '../../../../../components/ui/blocks/page-header/page-header.js';
-import 'next/image';
 import 'intor/next';
+import 'zod';
+import 'next/navigation';
 import { ContentContainer } from '../../../../../components/ui/layouts/content-container.js';
-import { TagCard } from '../../../../../components/resources/post/tag/tag-card.js';
-import { TagTable } from '../../../../../components/resources/post/tag/tag-table.js';
 
 function createTagIndexPage({
   type = POST_TYPES.TAG,
   PostList,
   allowField,
-  Card = TagCard,
+  TagCard: Card,
   Table = TagTable,
   localKey = "tag"
 }) {
@@ -51,15 +56,24 @@ function createTagIndexPage({
     const { t } = useTranslator();
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "index",
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true }),
           titleProps: {
             icon: Tag,
             title: t("resources.tag.text")
           },
-          createButtonProps: {},
-          returnButtonProps: { className: "hidden" }
+          actions: /* @__PURE__ */ jsx(
+            LinkButton,
+            {
+              href: `${CMS_PATHS.content["content-management"].tag.pathname}/create`,
+              variant: "success",
+              icon: Plus,
+              children: t("ui.create-resource.text", {
+                resource: t("resources.tag.text")
+              })
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsx(ContentContainer, { isFixHeight: true, children: /* @__PURE__ */ jsx(

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/topic/_id_/edit/page.js

@@ -4,21 +4,22 @@ import { useTranslator } from 'intor/react';
 import { SquareLibrary } from 'lucide-react';
 import { useParams } from 'next/navigation';
 import { POST_TYPES } from 'sitero-domain';
+import 'zod';
+import 'sonner';
 import 'react';
 import 'ua-parser-js';
 import '../../../../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
-import { useQuery } from '../../../../../../../../../../shared/client/react-query/use-query.js';
+import { useCmsQuery } from '../../../../../../../../infrastructure/operation-result/use-cms-query.js';
 import { isContentTopic } from '../../../../../../../../../../config/topics.js';
 import 'mime-types';
 import 'clsx';
 import 'tailwind-merge';
 import { ensureArray } from '../../../../../../../../../../shared/utils/ensure-array.js';
-import 'zod';
 import { getControlMeta } from '../../../../../../../../applications/form/get-control-meta.js';
 import '../../../../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../../../../constants/cms-locale.js';
-import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
+import { PageHeaderLayout } from '../../../../../../../components/ui/blocks/page-header/page-header-layout.js';
 import '@radix-ui/react-avatar';
 import '../../../../../../../components/shadcn/badge.js';
 import '../../../../../../../components/shadcn/button.js';
@@ -32,9 +33,14 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../../../../../components/shadcn/sidebar/sidebar.js';
 import 'next-themes';
-import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
+import 'next/link';
+import { ReturnButton } from '../../../../../../../components/ui/buttons/return-button.js';
+import '../../../../../../../components/ui/inputs/input.js';
+import '../../../../../../../components/ui/inputs/textarea.js';
+import '../../../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../../../components/ui/inputs/password-input.js';
 
 function createTopicEditPage({
   topics: staticTopics,
@@ -51,11 +57,15 @@ function createTopicEditPage({
       data: topic,
       isFetching,
       isNotFound
-    } = useQuery(() => postFindDetailAction({ id }), ["postFindDetailAction", id], {
-      select: (data) => data?.post
-    });
+    } = useCmsQuery(
+      () => postFindDetailAction({ id }),
+      ["postFindDetailAction", id],
+      {
+        select: (data) => data?.post
+      }
+    );
     const isScopeNotFound = isNotFound || !!topic && !isContentTopic(staticTopics, topic.slug);
-    const { data: topics, isFetching: isFetchingControlMeta } = useQuery(
+    const { data: topics, isFetching: isFetchingControlMeta } = useCmsQuery(
       () => postFindManyAction({ type: POST_TYPES.TOPIC }),
       ["postFindManyAction", POST_TYPES.TOPIC],
       { select: (data) => data?.posts }
@@ -67,9 +77,9 @@ function createTopicEditPage({
     });
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "edit",
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { useConfirm: true, replaceParent: true }),
           titleProps: {
             icon: SquareLibrary,
             title: t("resources.topic.text")

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/topic/_id_/page.js

@@ -1,24 +1,25 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { SquareLibrary } from 'lucide-react';
+import { SquareLibrary, SquareArrowOutUpRight, Network, Pen, Lock } from 'lucide-react';
 import { useParams } from 'next/navigation';
-import { CMS_PATHS } from '../../../../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../../../constants/cms-locale.js';
+import 'zod';
+import 'sonner';
 import 'react';
 import 'ua-parser-js';
 import '../../../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
-import { useQuery } from '../../../../../../../../../shared/client/react-query/use-query.js';
+import { useCmsQuery } from '../../../../../../../infrastructure/operation-result/use-cms-query.js';
 import { isContentTopic } from '../../../../../../../../../config/topics.js';
+import { CMS_PATHS } from '../../../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import 'sitero-domain';
 import 'clsx';
 import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../../../shared/utils/join-url.js';
-import 'zod';
-import { PageHeader } from '../../../../../../components/ui/blocks/page-header/page-header.js';
+import { PageHeaderLayout } from '../../../../../../components/ui/blocks/page-header/page-header-layout.js';
 import '@radix-ui/react-avatar';
 import '../../../../../../components/shadcn/badge.js';
 import '../../../../../../components/shadcn/button.js';
@@ -32,12 +33,16 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../../../../components/shadcn/sidebar/sidebar.js';
 import 'next-themes';
-import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
+import { LinkButton } from '../../../../../../components/ui/buttons/link-button.js';
+import { ExternalLinkButton } from '../../../../../../components/ui/buttons/external-link-button.js';
+import { ReturnButton } from '../../../../../../components/ui/buttons/return-button.js';
 import 'next/link';
-import { ExternalLink } from '../../../../../../components/ui/features/external-link.js';
-import 'next/image';
+import '../../../../../../components/ui/inputs/input.js';
+import '../../../../../../components/ui/inputs/textarea.js';
+import '../../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../../components/ui/inputs/password-input.js';
 
 function createTopicShowPage({
   topics: staticTopics,
@@ -56,27 +61,63 @@ function createTopicShowPage({
       data: topic,
       isFetching,
       isNotFound
-    } = useQuery(() => postFindDetailAction({ id }), ["postFindDetailAction", id], {
-      select: (data) => data?.post
-    });
+    } = useCmsQuery(
+      () => postFindDetailAction({ id }),
+      ["postFindDetailAction", id],
+      {
+        select: (data) => data?.post
+      }
+    );
     const isScopeNotFound = isNotFound || !!topic && !isContentTopic(staticTopics, topic.slug);
+    const websiteHref = topic ? externalHref?.(topic) : void 0;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "show",
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true }),
           titleProps: {
             icon: SquareLibrary,
-            title: t("resources.topic.text")
-          },
-          showButtonProps: {
-            href: joinUrl(
-              CMS_PATHS.content["content-management"].pathname,
-              topic?.slug
+            title: t("resources.topic.text"),
+            rightChildren: topic?.isLocked && /* @__PURE__ */ jsx(
+              Lock,
+              {
+                className: "size-4",
+                role: "img",
+                "aria-label": t("ui.locked.text"),
+                "aria-hidden": false
+              }
             )
           },
-          editButtonProps: {},
-          rightChildren: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                variant: "outline",
+                icon: Network,
+                href: joinUrl(
+                  CMS_PATHS.content["content-management"].pathname,
+                  topic?.slug
+                ),
+                isDisabled: isFetching || isScopeNotFound,
+                children: t("ui.manage.text")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              LinkButton,
+              {
+                href: joinUrl(
+                  CMS_PATHS.content["content-management"].topic.pathname,
+                  id,
+                  "edit"
+                ),
+                variant: "warning",
+                icon: Pen,
+                isDisabled: isFetching || isScopeNotFound,
+                children: t("ui.edit.text")
+              }
+            )
+          ] }),
+          utilities: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
             !!enableSeoMetadata && /* @__PURE__ */ jsx(
               SeoMetadataDialog,
               {
@@ -86,11 +127,17 @@ function createTopicShowPage({
                 isDisabled: isScopeNotFound
               }
             ),
-            topic && externalHref?.(topic) && /* @__PURE__ */ jsx(ExternalLink, { href: externalHref?.(topic) })
-          ] }),
-          isDisabled: isFetching || isScopeNotFound || !!topic?.isLocked,
-          isNotFound: isScopeNotFound,
-          isLocked: !!topic?.isLocked
+            websiteHref && /* @__PURE__ */ jsx(
+              ExternalLinkButton,
+              {
+                href: websiteHref,
+                variant: "outline",
+                size: "icon",
+                icon: SquareArrowOutUpRight,
+                "aria-label": t("ui.view-website-page.text")
+              }
+            )
+          ] })
         }
       ),
       PostShowContent && allowField && /* @__PURE__ */ jsx(

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/topic/page.js

@@ -4,17 +4,16 @@ import { useTranslator } from 'intor/react';
 import { SquareLibrary } from 'lucide-react';
 import { useMemo } from 'react';
 import { POST_TYPES } from 'sitero-domain';
+import { isContentTopic } from '../../../../../../../../config/topics.js';
+import 'mime-types';
 import 'ua-parser-js';
 import '../../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { useQuery } from '../../../../../../../../shared/client/react-query/use-query.js';
-import { isContentTopic } from '../../../../../../../../config/topics.js';
-import 'mime-types';
 import 'clsx';
 import 'tailwind-merge';
 import { ensureArray } from '../../../../../../../../shared/utils/ensure-array.js';
-import 'zod';
-import { PageHeader } from '../../../../../components/ui/blocks/page-header/page-header.js';
+import { PageHeaderLayout } from '../../../../../components/ui/blocks/page-header/page-header-layout.js';
 import '@radix-ui/react-avatar';
 import '../../../../../components/shadcn/badge.js';
 import '../../../../../components/shadcn/button.js';
@@ -31,12 +30,18 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import 'next/navigation';
+import 'next/link';
+import { ReturnButton } from '../../../../../components/ui/buttons/return-button.js';
 import '../../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../../constants/cms-locale.js';
+import '../../../../../components/ui/inputs/input.js';
+import '../../../../../components/ui/inputs/textarea.js';
+import '../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../components/ui/inputs/password-input.js';
 import '../../../../../../infrastructure/admin-session/admin-context.js';
 import 'intor/next';
-import 'next/link';
+import 'zod';
+import 'next/navigation';
 import { ContentContainer } from '../../../../../components/ui/layouts/content-container.js';
 
 function createTopicIndexPage({
@@ -56,18 +61,17 @@ function createTopicIndexPage({
     );
     const topicIds = useMemo(
       () => ensureArray(topics).filter((topic) => isContentTopic(staticTopics, topic.slug)).map((topic) => topic.id),
-      [topics, staticTopics]
+      [topics]
     );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "index",
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true }),
           titleProps: {
             icon: SquareLibrary,
             title: t("resources.topic.text")
-          },
-          returnButtonProps: { className: "hidden" }
+          }
         }
       ),
       /* @__PURE__ */ jsx(ContentContainer, { isFixHeight: true, children: /* @__PURE__ */ jsx(

package/dist/src/cms/client/interfaces/pages/dashboard/layout.js

@@ -16,7 +16,6 @@ import 'mime-types';
 import 'sitero-domain';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
 import '../../components/shadcn/badge.js';
 import '../../components/shadcn/button.js';
 import '@radix-ui/react-collapsible';
@@ -32,8 +31,9 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import 'intor/next';
 import 'next/link';
+import 'intor/next';
+import 'zod';
 import { DashboardSkeleton } from '../../components/ui/layouts/dashboard-skeleton.js';
 
 function createDashboardLayout({

package/dist/src/cms/client/interfaces/pages/dashboard/page.js

@@ -1,18 +1,17 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { Gauge } from 'lucide-react';
-import { useAdmin } from '../../../infrastructure/admin-session/admin-context.js';
+import 'mime-types';
+import 'sitero-domain';
+import { findTranslation } from '../../../../../shared/translation/find-translation.js';
 import 'react';
 import 'ua-parser-js';
 import '../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
-import 'mime-types';
-import 'sitero-domain';
-import { findTranslation } from '../../../../../shared/translation/find-translation.js';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
-import { PageHeader } from '../../components/ui/blocks/page-header/page-header.js';
+import { useAdmin } from '../../../infrastructure/admin-session/admin-context.js';
+import { PageHeaderLayout } from '../../components/ui/blocks/page-header/page-header-layout.js';
 import '@radix-ui/react-avatar';
 import '../../components/shadcn/badge.js';
 import '../../components/shadcn/button.js';
@@ -29,11 +28,16 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
+import 'next/link';
 import 'next/navigation';
 import '../../../../../constants/paths/redirect.js';
 import '../../../../../constants/cms-locale.js';
+import '../../components/ui/inputs/input.js';
+import '../../components/ui/inputs/textarea.js';
+import '../../components/ui/inputs/switch-input.js';
+import '../../components/ui/inputs/password-input.js';
 import 'intor/next';
-import 'next/link';
+import 'zod';
 import { ContentContainer } from '../../components/ui/layouts/content-container.js';
 
 function createDashboardPage() {
@@ -43,7 +47,7 @@ function createDashboardPage() {
     const adminT = findTranslation(admin?.translations, locale);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
           titleProps: {
             icon: Gauge,

package/dist/src/cms/client/interfaces/pages/dashboard/system/access/admin/_id_/admin-refresh-token/page.js

@@ -1,21 +1,21 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { ShieldUser } from 'lucide-react';
+import { Activity } from 'lucide-react';
 import { useParams } from 'next/navigation';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { useCommand } from '../../../../../../../../../../shared/client/react-query/use-command.js';
-import { useQuery } from '../../../../../../../../../../shared/client/react-query/use-query.js';
+import { useState } from 'react';
+import 'zod';
+import { useCmsCommand } from '../../../../../../../../infrastructure/operation-result/use-cms-command.js';
+import { useCmsQuery } from '../../../../../../../../infrastructure/operation-result/use-cms-query.js';
 import 'sitero-domain';
 import '../../../../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../../../../constants/cms-locale.js';
 import 'mime-types';
+import 'ua-parser-js';
+import '../../../../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
 import 'next/link';
 import '@radix-ui/react-avatar';
 import '../../../../../../../components/shadcn/badge.js';
@@ -34,8 +34,13 @@ import 'sonner';
 import { Spinner } from '../../../../../../../components/shadcn/spinner.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
+import '../../../../../../../components/ui/inputs/input.js';
+import '../../../../../../../components/ui/inputs/textarea.js';
 import '../../../../../../../../infrastructure/admin-session/admin-context.js';
-import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
+import { PageHeaderLayout } from '../../../../../../../components/ui/blocks/page-header/page-header-layout.js';
+import { ReturnButton } from '../../../../../../../components/ui/buttons/return-button.js';
+import '../../../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../../../components/ui/inputs/password-input.js';
 import 'next/image';
 import { AdminRefreshTokenCard } from '../../../../../../../components/resources/admin/admin-refresh-tokens/admin-refresh-token-card.js';
 import 'intor/next';
@@ -48,33 +53,40 @@ function createAdminSessionsPage({
   return function AdminSessionsPage() {
     const { t } = useTranslator();
     const { id } = useParams();
-    const { data, isFetching, refetch } = useQuery(
+    const [deletingTokenId, setDeletingTokenId] = useState();
+    const { data, isFetching, refetch } = useCmsQuery(
       () => adminRefreshTokenFindManyAction({ adminId: id }),
       ["adminRefreshTokenFindManyAction", id]
     );
-    const { adminRefreshTokens } = data || {};
-    const currentToken = Array.isArray(adminRefreshTokens) ? adminRefreshTokens.find((token) => token.isCurrent) ?? null : null;
-    const otherTokens = Array.isArray(adminRefreshTokens) ? adminRefreshTokens.filter((token) => !token.isCurrent) : [];
-    const { execute, isPending } = useCommand(
-      (id2) => adminRefreshTokenDeleteAction({ id: id2 }),
+    const adminRefreshTokens = data?.adminRefreshTokens ?? [];
+    const currentToken = adminRefreshTokens.find((token) => token.isCurrent) ?? null;
+    const otherTokens = adminRefreshTokens.filter((token) => !token.isCurrent);
+    const { execute } = useCmsCommand(
+      (refreshTokenId) => adminRefreshTokenDeleteAction({ id: refreshTokenId }),
       { onSuccess: () => void refetch() }
     );
-    const handleDestroy = async (id2) => {
+    const handleDestroy = async (refreshTokenId) => {
+      if (deletingTokenId) return;
       if (!confirm(t("ui.dialog.confirm.text"))) return;
-      await execute(id2);
+      setDeletingTokenId(refreshTokenId);
+      try {
+        await execute(refreshTokenId);
+      } finally {
+        setDeletingTokenId(void 0);
+      }
     };
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
-        PageHeader,
+        PageHeaderLayout,
         {
-          variant: "index",
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true }),
           titleProps: {
-            icon: ShieldUser,
+            icon: Activity,
             title: t("resources.admin-refresh-token.text")
           }
         }
       ),
-      /* @__PURE__ */ jsx(ContentContainer, { children: isFetching ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
+      /* @__PURE__ */ jsx(ContentContainer, { children: isFetching ? /* @__PURE__ */ jsx(Spinner, {}) : adminRefreshTokens.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: t("resources.admin-refresh-token.no-sessions.text") }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
         currentToken?.adminId === id && /* @__PURE__ */ jsx(
           AdminRefreshTokenCard,
           {
@@ -86,7 +98,8 @@ function createAdminSessionsPage({
           AdminRefreshTokenCard,
           {
             adminRefreshToken: token,
-            isDestroying: isPending,
+            isDestroying: deletingTokenId === token.id,
+            isDisabled: deletingTokenId !== void 0,
             handleDestroy
           },
           token.id