fix expired tariff date

2026-05-22 11:58:42 +07:00
parent 36b4a3b481
commit 65e0c2ed62
2 changed files with 12 additions and 9 deletions
@@ -7,6 +7,7 @@ import { logout } from '@/app/actions/auth';
 import { useTranslations } from 'next-intl';
 import { useUserProfile } from '@/app/hooks/react-query/useUserDataInfo';
 import { useQueryClient } from '@tanstack/react-query';
+import {formatDate} from '@/app/lib/formatDate';

 export default function UserMenuButton() {
 	const [isOpen, setIsOpen] = useState(false);
@@ -62,14 +63,16 @@ export default function UserMenuButton() {
 						<div className="user-email">
 							{userData?.email ?? ''}
 						</div>
-						<div className="user-subscription">
-							<span className="text-[14px]">{t('rate')}: </span>
-							<span className="subscription-badge">
-								{userData?.tariffInfo?.tariffName ? userData?.tariffInfo?.tariffName : '---'}
-							</span>
-							<br />
-							<span className="user-subscription-expire">{t('expires')}: 00.00.00</span>
-						</div>
+						{userData?.tariffInfo?.tariffName && (
+							<div className="user-subscription">
+								<span className="text-[14px]">{t('rate')}: </span>
+								<span className="subscription-badge">
+									{userData?.tariffInfo?.tariffName ? userData?.tariffInfo?.tariffName : '---'}
+								</span>
+								<br />
+								<span className="user-subscription-expire">{t('expires')}: {formatDate(userData?.tariffInfo.endTariff)}</span>
+							</div>
+						)}
 					</div>
 				</div>