songtianlun/prmbr-image-mksaas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: clean up imports and improve formatting in CreditsPageClient component

Browse Source
This commit is contained in:
javayhu 2025-08-30 00:24:12 +08:00
parent fa2e981c16
commit c0aa979382
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/settings/credits/credits-page-client.tsx
View File

@ -4,6 +4,7 @@ import { CreditPackages } from '@/components/settings/credits/credit-packages';
import { CreditTransactions } from '@/components/settings/credits/credit-transactions'; import { CreditTransactions } from '@/components/settings/credits/credit-transactions';
import CreditsBalanceCard from '@/components/settings/credits/credits-balance-card'; import CreditsBalanceCard from '@/components/settings/credits/credits-balance-card';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import type { SortingState } from '@tanstack/react-table';
import { useTranslations } from 'next-intl'; import { useTranslations } from 'next-intl';
import { import {
parseAsIndex, parseAsIndex,
@ -13,7 +14,6 @@ import {
useQueryStates, useQueryStates,
} from 'nuqs'; } from 'nuqs';
import { useMemo } from 'react'; import { useMemo } from 'react';
import type { SortingState } from '@tanstack/react-table';
/** /**
* Credits page client, show credit balance and transactions * Credits page client, show credit balance and transactions
@ -24,7 +24,9 @@ export default function CreditsPageClient() {
// Manage all URL states in the parent component // Manage all URL states in the parent component
const [{ tab, page, pageSize, search, sortId, sortDesc }, setQueryStates] = const [{ tab, page, pageSize, search, sortId, sortDesc }, setQueryStates] =
useQueryStates({ useQueryStates({
tab: parseAsStringLiteral(['balance', 'transactions']).withDefault('balance'), tab: parseAsStringLiteral(['balance', 'transactions']).withDefault(
'balance'
),
// Transaction-specific parameters // Transaction-specific parameters
page: parseAsIndex.withDefault(0), page: parseAsIndex.withDefault(0),
pageSize: parseAsInteger.withDefault(10), pageSize: parseAsInteger.withDefault(10),
@ -59,11 +61,7 @@ export default function CreditsPageClient() {
return ( return (
<div className="flex flex-col gap-8"> <div className="flex flex-col gap-8">
<Tabs <Tabs value={tab} onValueChange={handleTabChange} className="w-full">
value={tab}
onValueChange={handleTabChange}
className="w-full"
>
<TabsList className=""> <TabsList className="">
<TabsTrigger value="balance">{t('tabs.balance')}</TabsTrigger> <TabsTrigger value="balance">{t('tabs.balance')}</TabsTrigger>
<TabsTrigger value="transactions"> <TabsTrigger value="transactions">
@ -90,11 +88,15 @@ export default function CreditsPageClient() {
pageSize={pageSize} pageSize={pageSize}
search={search} search={search}
sorting={sorting} sorting={sorting}
onPageChange={(newPageIndex) => setQueryStates({ page: newPageIndex })} onPageChange={(newPageIndex) =>
setQueryStates({ page: newPageIndex })
}
onPageSizeChange={(newPageSize) => onPageSizeChange={(newPageSize) =>
setQueryStates({ pageSize: newPageSize, page: 0 }) setQueryStates({ pageSize: newPageSize, page: 0 })
} }
onSearch={(newSearch) => setQueryStates({ search: newSearch, page: 0 })} onSearch={(newSearch) =>
setQueryStates({ search: newSearch, page: 0 })
}
onSortingChange={(newSorting) => { onSortingChange={(newSorting) => {
if (newSorting.length > 0) { if (newSorting.length > 0) {
setQueryStates({ setQueryStates({