From 39e89bfef561330425a071c1638c2017d6bc8853 Mon Sep 17 00:00:00 2001
From: "web@ppanel" <web@ppanel.dev>
Date: Tue, 28 Jan 2025 13:45:25 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(subscription):=20Add=20reset?=
 =?UTF-8?q?=20functionality=20for=20user=20subscription=20token?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/user/app/(main)/(user)/dashboard/content.tsx | 14 +++++++++++---
 apps/user/components/user-nav.tsx                 |  6 ++++--
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/apps/user/app/(main)/(user)/dashboard/content.tsx b/apps/user/app/(main)/(user)/dashboard/content.tsx
index 99da56b..9bab2dc 100644
--- a/apps/user/app/(main)/(user)/dashboard/content.tsx
+++ b/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>
diff --git a/apps/user/components/user-nav.tsx b/apps/user/components/user-nav.tsx
index a4b4cb8..b1451b0 100644
--- a/apps/user/components/user-nav.tsx
+++ b/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 />