🐛 fix(subscription): Add reset functionality for user subscription token

apps/user/app/(main)/(user)/dashboard/content.tsx

@@ -7,7 +7,7 @@ import Unsubscribe from '@/components/subscribe/unsubscribe';
 import useGlobalStore from '@/config/use-global';
 import { getStat } from '@/services/common/common';
 import { queryApplicationConfig } from '@/services/user/subscribe';
-import { queryUserSubscribe } from '@/services/user/user';
+import { queryUserSubscribe, resetUserSubscribeToken } from '@/services/user/user';
 import { getPlatform } from '@/utils/common';
 import { useQuery } from '@tanstack/react-query';
 import {
@@ -58,7 +58,7 @@ export default function Content() {
 
   const [protocol, setProtocol] = useState('');
 
-  const { data: userSubscribe = [] } = useQuery({
+  const { data: userSubscribe = [], refetch } = useQuery({
     queryKey: ['queryUserSubscribe'],
     queryFn: async () => {
       const { data } = await queryUserSubscribe();
@@ -159,7 +159,15 @@ export default function Content() {
                       </AlertDialogHeader>
                       <AlertDialogFooter>
                         <AlertDialogCancel>{t('cancel')}</AlertDialogCancel>
-                        <AlertDialogAction onClick={() => toast.success(t('resetSuccess'))}>
+                        <AlertDialogAction
+                          onClick={async () => {
+                            await resetUserSubscribeToken({
+                              user_subscribe_id: item.id,
+                            });
+                            await refetch();
+                            toast.success(t('resetSuccess'));
+                          }}
+                        >
                           {t('confirm')}
                         </AlertDialogAction>
                       </AlertDialogFooter>

apps/user/components/user-nav.tsx

@@ -31,7 +31,7 @@ export function UserNav() {
             <Avatar className='size-8'>
               <AvatarImage alt={user?.avatar ?? ''} src={user?.avatar ?? ''} />
               <AvatarFallback className='rounded-none bg-transparent'>
-                {user?.email?.[0]?.toUpperCase() || user?.telephone?.[0]?.toUpperCase()}
+                {user?.auth_methods?.[0]?.auth_identifier.toUpperCase().charAt(0)}
               </AvatarFallback>
             </Avatar>
           </Button>
@@ -40,7 +40,9 @@ export function UserNav() {
           <DropdownMenuLabel className='font-normal'>
             <div className='flex flex-col space-y-1'>
               <p className='text-muted-foreground text-xs leading-none'>ID: {user?.id}</p>
-              <p className='text-sm font-medium leading-none'>{user?.telephone || user?.email}</p>
+              <p className='text-sm font-medium leading-none'>
+                {user?.auth_methods?.[0]?.auth_identifier}
+              </p>
             </div>
           </DropdownMenuLabel>
           <DropdownMenuSeparator />