@windrun-huaiin/diaomao 30.0.0 → 31.0.1

package/.env.local.txt

@@ -30,7 +30,7 @@ NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL=/
 NEXT_PUBLIC_CLERK_WAITLIST_URL=/waitlist
 
 ## Media loading timeout
-NEXT_PUBLIC_DELAYED_IMG_SECONDS=2
+NEXT_PUBLIC_DELAYED_IMG_SECONDS=1
 NEXT_PUBLIC_SUNO_EMBED_TIMEOUT_SECONDS=20
 
 ## OpenRouter·AI base config

package/messages/en.json

@@ -109,6 +109,11 @@
         {
           "key": "P2",
           "title": "Pro",
+          "animeTone": "cool",
+          "strictDiffAnime": {
+            "monthly": "theme",
+            "yearly": "rainbow"
+          },
           "showBillingSubTitle": true,
           "features": [
             {
@@ -126,6 +131,11 @@
         {
           "key": "U3",
           "title": "Ultra",
+          "animeTone": "rainbow",
+          "strictDiffAnime": {
+            "monthly": "rainbow",
+            "yearly": "cool"
+          },
           "showBillingSubTitle": true,
           "titleTags": ["Most Popular"],
           "features": [
@@ -152,6 +162,7 @@
         {
           "key": "F1",
           "title": "Starter",
+          "animeTone": "mono",
           "subtitle": "25 Credits",
           "showBillingSubTitle": true,
           "features": [
@@ -164,6 +175,7 @@
         {
           "key": "P2",
           "title": "Popular",
+          "animeTone": "theme",
           "subtitle": "150 Credits",
           "showBillingSubTitle": true,
           "titleTags": ["Preferred"],
@@ -178,6 +190,7 @@
         {
           "key": "U3",
           "title": "Power",
+          "animeTone": "rainbow",
           "subtitle": "350 Credits",
           "showBillingSubTitle": true,
           "features": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/diaomao",
-  "version": "30.0.0",
+  "version": "31.0.1",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -15,14 +15,14 @@
     "react"
   ],
   "dependencies": {
-    "@clerk/nextjs": "^7.0.5",
+    "@clerk/nextjs": "^7.3.3",
     "@types/mdx": "^2.0.13",
-    "@windrun-huaiin/backend-core": "30.0.0",
-    "@windrun-huaiin/base-ui": "30.0.0",
-    "@windrun-huaiin/contracts": "30.0.0",
-    "@windrun-huaiin/fumadocs-local-md": "30.0.0",
-    "@windrun-huaiin/lib": "30.0.0",
-    "@windrun-huaiin/third-ui": "30.0.0",
+    "@windrun-huaiin/backend-core": "31.0.0",
+    "@windrun-huaiin/base-ui": "31.0.0",
+    "@windrun-huaiin/contracts": "31.0.0",
+    "@windrun-huaiin/fumadocs-local-md": "31.0.0",
+    "@windrun-huaiin/lib": "31.0.0",
+    "@windrun-huaiin/third-ui": "31.0.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.577.0",
     "next": "16.1.6",
@@ -44,7 +44,7 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/parser": "^8.56.1",
-    "@windrun-huaiin/dev-scripts": "^30.0.0",
+    "@windrun-huaiin/dev-scripts": "^31.0.0",
     "baseline-browser-mapping": "^2.10.0",
     "dotenv": "^17.4.2",
     "eslint": "^9.39.1",

package/src/app/[locale]/(content)/blog/[[...slug]]/page.tsx

@@ -1,20 +1,16 @@
 import { appConfig } from '@/lib/appConfig';
 import { siteDocs } from '@/lib/site-docs';
-import { NotFoundPage } from '@windrun-huaiin/base-ui/components';
 import { createFumaPage } from '@windrun-huaiin/third-ui/fuma/server/page-generator';
-import { SiteIcon } from '@/lib/site-config';
 import { LLMCopyButton } from '@windrun-huaiin/third-ui/fuma/mdx';
 
 const sourceKey = 'blog';
 const { Page, generateStaticParams, generateMetadata } = createFumaPage({
   sourceKey: sourceKey,
-  mdxContentSource: () => siteDocs.getContentSource('blog'),
+  mdxContentSource: () => siteDocs.getContentSource(sourceKey),
   getMDXComponents: siteDocs.getMDXComponents,
   mdxSourceDir: appConfig.mdxSourceDir[sourceKey],
   githubBaseUrl: appConfig.githubBaseUrl,
   copyButtonComponent: <LLMCopyButton />,
-  siteIcon: <SiteIcon />,
-  FallbackPage: NotFoundPage,
   showBreadcrumb: false,
   showTableOfContent: true,
   showTableOfContentPopover: false,

package/src/app/[locale]/(content)/blog/layout.tsx

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
 import { baseOptions } from '@/app/[locale]/layout.config';
 import { levelNavLinks, primaryNavLinks } from '@/app/[locale]/layout.nav';
-import { showBanner, localePrefixAsNeeded, defaultLocale } from '@/lib/appConfig';
+import { showBanner, localePrefixAsNeeded, defaultLocale, github } from '@/lib/appConfig';
+import { i18n } from '@/lib/i18n-base';
 import { siteDocs } from '@/lib/site-docs';
 import { SiteDocsLayout } from '@windrun-huaiin/third-ui/fuma/base/site-docs-layout';
 import { SiteHomeLayout, type SiteHomeLayoutConfig } from '@windrun-huaiin/third-ui/fuma/base/site-home-layout';
 import { fingerprintConfig } from '@windrun-huaiin/backend-core/config/fingerprint';
 import { FingerprintProvider } from '@windrun-huaiin/third-ui/fingerprint';
-import { appConfig } from '@/lib/appConfig';
 
 async function contentOptions(locale: string): Promise<SiteHomeLayoutConfig> {
   return {
@@ -31,7 +31,8 @@ export default async function Layout({
   const contentLayoutOptions = await contentOptions(locale);
   const homeLayoutOptions: SiteHomeLayoutConfig = {
     ...contentLayoutOptions,
-    githubUrl: appConfig.github,
+    i18n,
+    githubUrl: github,
     searchToggle: {
       enabled: false,
     },

package/src/app/[locale]/(content)/legal/[[...slug]]/page.tsx

@@ -1,23 +1,19 @@
 import { appConfig } from '@/lib/appConfig';
 import { siteDocs } from '@/lib/site-docs';
-import { SiteIcon } from '@/lib/site-config';
-import { NotFoundPage } from '@windrun-huaiin/base-ui/components';
 import { createFumaPage } from '@windrun-huaiin/third-ui/fuma/server/page-generator';
 
 const sourceKey = 'legal';
 const { Page, generateStaticParams, generateMetadata } = createFumaPage({
   sourceKey: sourceKey,
-  mdxContentSource: () => siteDocs.getContentSource('legal'),
+  mdxContentSource: () => siteDocs.getContentSource(sourceKey),
   getMDXComponents: siteDocs.getMDXComponents,
   mdxSourceDir: appConfig.mdxSourceDir[sourceKey],
   githubBaseUrl: appConfig.githubBaseUrl,
-  siteIcon: <SiteIcon />,
-  FallbackPage: NotFoundPage,
   supportedLocales: appConfig.i18n.locales as string[],
   showBreadcrumb: false,
   showTableOfContent: true,
   showTableOfContentPopover: false,
-  tocRenderMode: 'fumadocs-clerk'
+  tocRenderMode: 'fumadocs-normal'
 });
 
 export default Page;

package/src/app/[locale]/(content)/legal/layout.tsx

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
 import { baseOptions } from '@/app/[locale]/layout.config';
 import { levelNavLinks, primaryNavLinks } from '@/app/[locale]/layout.nav';
-import { showBanner, localePrefixAsNeeded, defaultLocale } from '@/lib/appConfig';
+import { showBanner, localePrefixAsNeeded, defaultLocale, github } from '@/lib/appConfig';
+import { i18n } from '@/lib/i18n-base';
 import { siteDocs } from '@/lib/site-docs';
 import { SiteDocsLayout } from '@windrun-huaiin/third-ui/fuma/base/site-docs-layout';
 import { SiteHomeLayout, type SiteHomeLayoutConfig } from '@windrun-huaiin/third-ui/fuma/base/site-home-layout';
-import { appConfig } from '@/lib/appConfig';
 
 async function contentOptions(locale: string): Promise<SiteHomeLayoutConfig> {
   return {
@@ -29,7 +29,8 @@ export default async function Layout({
   const contentLayoutOptions = await contentOptions(locale);
   const homeLayoutOptions: SiteHomeLayoutConfig = {
     ...contentLayoutOptions,
-    githubUrl: appConfig.github,
+    i18n,
+    githubUrl: github,
     searchToggle: {
       enabled: false,
     },

package/src/app/[locale]/(home)/[...catchAll]/page.tsx

@@ -1,8 +1,5 @@
-import { NotFoundPage } from '@windrun-huaiin/base-ui/components';
-import { SiteIcon } from '@/lib/site-config';
+import { notFound } from 'next/navigation';
 
-export default function NotFound() {
-  return (  
-    <NotFoundPage siteIcon={<SiteIcon />} />
-  );
-} 
+export default function CatchAllPage() {
+  notFound();
+}

package/src/app/[locale]/(home)/layout.heavy.tsx

@@ -1,4 +1,4 @@
-import { CreditPopoverClient } from '@/components/credit-popover-client';
+import { CreditOverviewNavClient } from '@windrun-huaiin/third-ui/main/credit';
 import { appConfig } from '@/lib/appConfig';
 import { ClerkUser } from '@windrun-huaiin/third-ui/clerk/server';
 import type { SiteNavItemConfig } from '@windrun-huaiin/third-ui/fuma/base/site-layout-shared';
@@ -9,7 +9,12 @@ export async function homeHeavyItems(locale: string): Promise<SiteNavItemConfig[
       type: 'custom',
       secondary: true,
       mobilePinned: true,
-      children: <CreditPopoverClient locale={locale} />,
+      children: (
+        <CreditOverviewNavClient
+          locale={locale}
+          endpoint="/api/user/credit-overview"
+        />
+      ),
     },
     {
       type: 'custom',

package/src/app/[locale]/(home)/layout.tsx

@@ -1,7 +1,7 @@
 import { baseOptions } from '@/app/[locale]/layout.config';
 import { levelNavLinks, primaryNavLinks } from '@/app/[locale]/layout.nav';
 import { homeHeavyItems } from './layout.heavy';
-import { showBanner, localePrefixAsNeeded, defaultLocale } from '@/lib/appConfig';
+import { showBanner, localePrefixAsNeeded, defaultLocale, github } from '@/lib/appConfig';
 import { i18n } from '@/lib/i18n-base';
 import { fingerprintConfig } from '@windrun-huaiin/backend-core/config/fingerprint';
 import { FingerprintProvider } from '@windrun-huaiin/third-ui/fingerprint';
@@ -31,6 +31,7 @@ export default async function Layout({
   const homeLayoutOptions: SiteHomeLayoutConfig = {
     ...customeOptions,
     i18n,
+    githubUrl: github,
     searchToggle: {
       enabled: false,
     },

package/src/app/[locale]/layout.nav.tsx

@@ -67,7 +67,7 @@ export async function levelNavLinks(locale: string): Promise<SiteNavItemConfig[]
   const blogsLinks: SiteMenuLeafConfig[] = [
     {
       text: 'async-architecture',
-      description: '异步架构处理方案',
+      description: 'Async handler',
       path: '/blog/async-architecture',
       prefetch: false,
       icon: <T3PIcon />,
@@ -75,7 +75,7 @@ export async function levelNavLinks(locale: string): Promise<SiteNavItemConfig[]
     },
     {
       text: 'Config Sheet',
-      description: '配置速查',
+      description: 'Quickstart config',
       path: '/blog/cheatsheet',
       prefetch: false,
       icon: <SettingsIcon />,
@@ -83,7 +83,7 @@ export async function levelNavLinks(locale: string): Promise<SiteNavItemConfig[]
     },
     {
       text: 'IOC',
-      description: 'IOC统计',
+      description: 'IOC Analysis',
       path: '/blog/ioc',
       prefetch: false,
       icon: <ChartColumnStackedIcon />,

package/src/app/[locale]/layout.tsx

@@ -13,7 +13,6 @@ import React from 'react';
 
 export const dynamic = 'force-dynamic'
 
-// 网站元数据
 export async function generateMetadata({
   params: paramsPromise
 }: {
@@ -31,12 +30,12 @@ export async function generateMetadata({
 
 export default async function RootLayout({
   children,
-  params: paramsPromise  // 重命名参数
+  params: paramsPromise
 }: {
   children: React.ReactNode
   params: Promise<{ locale: string }>
 }) {
-  const { locale } = await paramsPromise;  // 使用新名称
+  const { locale } = await paramsPromise;
   setRequestLocale(locale);
   const messages = await getMessages();
   const fumaTranslations = await getFumaTranslations(locale);

package/src/app/[locale]/not-found.tsx

@@ -0,0 +1,6 @@
+import { SiteIcon } from '@/lib/site-config';
+import { AnimeNotFoundPage } from '@windrun-huaiin/third-ui/main/anime';
+
+export default function NotFound() {
+  return <AnimeNotFoundPage siteIcon={<SiteIcon />} />;
+}

package/src/lib/appConfig.ts

@@ -9,6 +9,7 @@ export const appConfig = {
 export const { isSupportedLocale, getValidLocale, generatedLocales } = createI18nHelpers(appConfig.i18n);
 
 export const { localePrefixAsNeeded, defaultLocale } = appConfig.i18n;
+export const github = appConfig.github;
 
 // export shortcuts
 export const { iconColor, watermark, showBanner, clerkPageBanner, clerkAuthInModal, placeHolderImage } = appConfig.shortcuts;

package/src/lib/fonts.ts

@@ -1,6 +1,6 @@
 import localFont from 'next/font/local';
 
-// 固定使用本地字体，不再依赖环境变量/远程 Google。
+// Just use local font，no more remote Google-font
 export const montserrat = localFont({
   src: [
     { path: '../../public/asserts/Montserrat-Regular.otf', weight: '400', style: 'normal' },

package/src/mdx/blog/index.mdx

@@ -2,7 +2,7 @@
 title: Blog
 description: Articles and thoughts about various topics.
 icon: RssIcon
-date: 2026-05-11
+date: 2026-05-14
 ---
 
 ## Past List

package/src/mdx/blog/ioc.mdx

@@ -1,7 +1,7 @@
 ---
 title: Monthly Summary
 description: Index and Summary
-date: 2026-05-11
+date: 2026-05-14
 ---
 
 

package/src/proxy.ts

@@ -12,7 +12,7 @@ const intlMiddleware = createMiddleware({
   localeDetection: false
 });
 
-// 需要身份认证的路由（页面路由）
+// Page routes that require authentication.
 const protectedPageRoutes = createRouteMatcher(
   buildProtectedPageRoutePatterns(
     ['/dashboard', '/settings', '/profile', '/billing'],
@@ -20,25 +20,25 @@ const protectedPageRoutes = createRouteMatcher(
   )
 );
 
-// 需要身份认证的API路由
+// API routes that require authentication.
 const protectedApiRoutes = createRouteMatcher([
-  // Stripe支付相关API
+  // Stripe payment APIs.
   '/api/stripe(.*)',
-  // 积分相关API  
+  // Credit APIs.
   '/api/credit(.*)',
-  // 交易记录API
+  // Transaction APIs.
   '/api/transaction(.*)'
 ]);
 
-// 免认证的API路由（webhook、匿名用户初始化等）
+// Public API routes such as webhooks and anonymous user initialization.
 const publicApiRoutes = createRouteMatcher([
   // Stripe webhook
   '/api/webhook/stripe',
   // Clerk webhook
   '/api/webhook/clerk/user',
-  // 匿名用户初始化
+  // Anonymous user initialization.
   '/api/user/anonymous/init',
-  // 健康检查等
+  // Health checks and public content APIs.
   '/api/health',
   '/api/legal',
   '/api/docs',
@@ -46,8 +46,8 @@ const publicApiRoutes = createRouteMatcher([
   '/api/blog'
 ]);
 
-// v6 官方推荐写法：直接 export default clerkMiddleware(handler, options)
-// 完全不需要再包一层函数，也不需要手动 (req)
+// Clerk v6 recommended usage: export clerkMiddleware(handler, options) directly.
+// No extra wrapper function or manual request forwarding is needed.
 export default clerkMiddleware(
   async (auth, req: NextRequest) => {
     const { defaultLocale, locales } = appConfig.i18n;
@@ -72,8 +72,8 @@ export default clerkMiddleware(
       return authResponse;
     }
 
-    // 对于无语言前缀的页面请求，根据配置进行处理
-    // 避免落不到 [locale] 路由。
+    // Handle page requests without locale prefixes according to configuration.
+    // This prevents requests from missing the [locale] route.
     if (!hasLocalePrefix && !pathname.startsWith('/api/')) {
       const url = req.nextUrl.clone();
       url.pathname = `/${defaultLocale}${pathname}`;
@@ -85,7 +85,7 @@ export default clerkMiddleware(
       }
     }
 
-    // 5. 其他路由使用默认的国际化中间件处理
+    // Use the default i18n middleware for all other routes.
 
     // handle trailing slash redirect
     if (req.nextUrl.pathname.length > 1 && req.nextUrl.pathname.endsWith("/")) {
@@ -94,12 +94,13 @@ export default clerkMiddleware(
         301
       );
     }
-    // 默认处理其他路由（公开页面路由）
+    // Default handling for other public page routes.
     return intlMiddleware(req);
   },
   { debug: appConfig.clerk.debug }
 );
 
+
 export const config = {
   matcher: [
     // Skip Next.js internals and all static files, but include API routes

package/src/components/credit-popover-client.tsx

@@ -1,72 +0,0 @@
-'use client';
-
-import { CreditNavButton, CreditOverviewClient } from '@windrun-huaiin/third-ui/main/credit';
-import type { CreditOverviewData, CreditOverviewTranslations } from '@windrun-huaiin/third-ui/main/credit';
-import { useEffect, useState } from 'react';
-
-interface CreditPopoverClientProps {
-  locale: string;
-}
-
-interface CreditOverviewPayload {
-  data: CreditOverviewData;
-  totalLabel: string;
-  translations: CreditOverviewTranslations;
-}
-
-export function CreditPopoverClient({ locale }: CreditPopoverClientProps) {
-  const [payload, setPayload] = useState<CreditOverviewPayload | null>(null);
-
-  useEffect(() => {
-    const controller = new AbortController();
-
-    async function loadCreditOverview() {
-      try {
-        const response = await fetch(
-          `/api/user/credit-overview?locale=${encodeURIComponent(locale)}`,
-          {
-            credentials: 'same-origin',
-            signal: controller.signal,
-          },
-        );
-
-        if (!response.ok) {
-          return;
-        }
-
-        const nextPayload = (await response.json()) as CreditOverviewPayload | null;
-        if (!controller.signal.aborted) {
-          setPayload(nextPayload);
-        }
-      } catch (error) {
-        if (!controller.signal.aborted) {
-          console.warn('[CreditPopover] Failed to load credit overview', error);
-        }
-      }
-    }
-
-    loadCreditOverview();
-
-    return () => {
-      controller.abort();
-    };
-  }, [locale]);
-
-  if (!payload) {
-    return null;
-  }
-
-  return (
-    <CreditNavButton
-      locale={locale}
-      totalBalance={payload.data.totalBalance}
-      totalLabel={payload.totalLabel}
-    >
-      <CreditOverviewClient
-        locale={locale}
-        data={payload.data}
-        translations={payload.translations}
-      />
-    </CreditNavButton>
-  );
-}

package/src/components/credit-popover.tsx

@@ -1,136 +0,0 @@
-import '@/server/prisma';
-import { creditService, subscriptionService } from '@windrun-huaiin/backend-core/database';
-import { getOptionalServerAuthUser } from '@windrun-huaiin/backend-core/auth/server';
-import { viewLocalTime } from '@windrun-huaiin/lib/utils';
-import { CreditNavButton } from '@windrun-huaiin/third-ui/main/credit';
-import type { CreditOverviewData } from '@windrun-huaiin/third-ui/main/credit/server';
-import { CreditOverview } from '@windrun-huaiin/third-ui/main/credit/server';
-import { buildMoneyPriceData } from '@windrun-huaiin/third-ui/main/money-price/server';
-import { moneyPriceConfig } from '@windrun-huaiin/backend-core/config/money-price';
-import { buildInitUserContextFromEntities } from '@windrun-huaiin/backend-core/context'
-import { getTranslations } from 'next-intl/server';
-import { getAsNeededLocalizedUrl } from '@windrun-huaiin/lib/utils';
-import { localePrefixAsNeeded, defaultLocale } from '@/lib/appConfig';
-
-interface CreditPopoverProps {
-  locale: string;
-}
-
-export async function CreditPopover({ locale }: CreditPopoverProps) {
-  const authUser = await getOptionalServerAuthUser();
-  if (!authUser) {
-    return null;
-  }
-  const { user } = authUser;
-
-  const enableSubscriptionUpgrade = process.env.ENABLE_STRIPE_SUBSCRIPTION_UPGRADE !== 'false';
-
-  const [credit, subscription, t, moneyPriceData] = await Promise.all([
-    creditService.getCredit(user.userId),
-    subscriptionService.getActiveSubscription(user.userId),
-    getTranslations({ locale, namespace: 'credit' }),
-    buildMoneyPriceData({
-      locale,
-      currency: moneyPriceConfig.display.currency,
-      enabledBillingTypes: ['monthly', 'yearly', 'onetime'],
-    }),
-  ]);
-
-  if (!credit) {
-    return null;
-  }
-
-  const initUserContext = buildInitUserContextFromEntities({
-    user,
-    credit,
-    subscription,
-  });
-
-  const totalBalance =
-    (credit.balanceFree ?? 0) +
-    (credit.balancePaid ?? 0) +
-    (credit.balanceOneTimePaid ?? 0);
-
-  // 根据是否订阅，动态调整 buckets 顺序
-  // 已订阅：subscription → onetime → free
-  // 未订阅：onetime → free
-  // 为0的类型积分不展示
-
-  // 直接基于 credit 对象生成 buckets，无需额外传参
-  const buckets = [
-    ...(credit.balancePaid > 0 
-      ? [{
-          kind: 'subscription' as const,
-          balance: credit.balancePaid,
-          limit: credit.totalPaidLimit,
-          expiresAt: viewLocalTime(credit.paidEnd)
-        }] 
-      : []),
-
-    ...(credit.balanceOneTimePaid > 0 
-      ? [{
-          kind: 'onetime' as const,
-          balance: credit.balanceOneTimePaid,
-          limit: credit.totalOneTimePaidLimit,
-          expiresAt: viewLocalTime(credit.oneTimePaidEnd)
-        }] 
-      : []),
-
-    ...(credit.balanceFree > 0 
-      ? [{
-          kind: 'free' as const,
-          balance: credit.balanceFree,
-          limit: credit.totalFreeLimit,
-          expiresAt: viewLocalTime(credit.freeEnd)
-         }] 
-      : [])
-  ];
-
-  // 按照项目设置来决定是否带上语言前缀
-  const pricingPageBaseUrl = getAsNeededLocalizedUrl(locale, "/pricing",  localePrefixAsNeeded,  defaultLocale);
-
-  const data: CreditOverviewData = {
-    totalBalance,
-    buckets,
-    pricingContext: {
-      moneyPriceData,
-      moneyPriceConfig,
-      checkoutApiEndpoint: '/api/stripe/checkout',
-      customerPortalApiEndpoint: '/api/stripe/customer-portal',
-      enableSubscriptionUpgrade,
-      initUserContext,
-    },
-    ctaBehaviors: {
-      subscribe: {
-        desktop: { kind: 'modal', mode: 'subscription' },
-        mobile: { kind: 'redirect', url: `${pricingPageBaseUrl}?initialBillingType=subscription` },
-      },
-      manage: {
-        desktop: { kind: 'auth' },
-        mobile: { kind: 'auth' },
-      },
-      onetime: {
-        desktop: { kind: 'modal', mode: 'onetime' },
-        mobile: { kind: 'redirect', url: `${pricingPageBaseUrl}?initialBillingType=onetime` },
-      },
-    },
-  };
-
-  if (subscription) {
-    data.subscription = {
-      planName: subscription.priceName ?? '',
-      periodStart: viewLocalTime(subscription.subPeriodStart),
-      periodEnd: viewLocalTime(subscription.subPeriodEnd),
-    };
-  }
-
-  return (
-    <CreditNavButton
-      locale={locale}
-      totalBalance={totalBalance}
-      totalLabel={t('summary.totalLabel')}
-    >
-      <CreditOverview locale={locale} data={data} />
-    </CreditNavButton>
-  );
-}