frontdev/no-copy-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add invalidateQueries for payoutMethods

Browse Source
This commit is contained in:
smanylov
2026-02-25 18:32:42 +07:00
parent d18071e533
commit c8f2233e24
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/ui/referral-page/setting-referral-program.tsx
+3 -1
View File
@@ -6,7 +6,7 @@ import { ChangeEvent, useState, useActionState, useEffect } from 'react';
import BankCardInput from '@/app/ui/inputs/bank-card-inpit'; import BankCardInput from '@/app/ui/inputs/bank-card-inpit';
import { addPayoutMethod, PayoutMethodFormState, getPayoutMethods, PayoutMethods } from '@/app/actions/referralsActions'; import { addPayoutMethod, PayoutMethodFormState, getPayoutMethods, PayoutMethods } from '@/app/actions/referralsActions';
import { bankCardFormSchema } from '@/app/actions/definitions'; import { bankCardFormSchema } from '@/app/actions/definitions';
import { useQuery } from '@tanstack/react-query'; import { useQuery, useQueryClient } from '@tanstack/react-query';
export default function SettingReferralProgram() { export default function SettingReferralProgram() {
const [state, formAction, isPending] = useActionState( const [state, formAction, isPending] = useActionState(
@@ -35,10 +35,12 @@ export default function SettingReferralProgram() {
const [paymentsType, setPaymentsType] = useState('bank-card'); const [paymentsType, setPaymentsType] = useState('bank-card');
const [defaultCardNumber, setDefaultCardNumber] = useState<PayoutMethods | undefined>(undefined); const [defaultCardNumber, setDefaultCardNumber] = useState<PayoutMethods | undefined>(undefined);
const [isEditing, setIsEditing] = useState(false); const [isEditing, setIsEditing] = useState(false);
const queryClient = useQueryClient();
const t = useTranslations('Global'); const t = useTranslations('Global');
useEffect(() => { useEffect(() => {
setFormState(state); setFormState(state);
queryClient.invalidateQueries({ queryKey: ['payoutMethods'] });
}, [state]); }, [state]);
useEffect(() => { useEffect(() => {