From d0e6df044e0d2bbb339911f5338731d1de01210e Mon Sep 17 00:00:00 2001
From: "web@ppanel" <web@ppanel.dev>
Date: Sat, 1 Mar 2025 19:55:31 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(dashboard):=20Display=20subs?=
 =?UTF-8?q?cription=20creation=20date=20in=20user=20dashboard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/user/app/(main)/(user)/dashboard/content.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/user/app/(main)/(user)/dashboard/content.tsx b/apps/user/app/(main)/(user)/dashboard/content.tsx
index 6d9fff1..f2b7c07 100644
--- a/apps/user/app/(main)/(user)/dashboard/content.tsx
+++ b/apps/user/app/(main)/(user)/dashboard/content.tsx
@@ -32,7 +32,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/componen
 import { Separator } from '@workspace/ui/components/separator';
 import { Tabs, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
 import { Icon } from '@workspace/ui/custom-components/icon';
-import { isBrowser } from '@workspace/ui/utils';
+import { formatDate, isBrowser } from '@workspace/ui/utils';
 import { differenceInDays } from 'date-fns';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
@@ -142,7 +142,12 @@ export default function Content() {
           {userSubscribe.map((item) => (
             <Card key={item.id}>
               <CardHeader className='flex flex-row flex-wrap items-center justify-between gap-2 space-y-0'>
-                <CardTitle className='font-medium'>{item.subscribe.name}</CardTitle>
+                <CardTitle className='font-medium'>
+                  {item.subscribe.name}
+                  <p className='text-foreground/50 mt-1 text-sm'>
+                    {formatDate(item.subscribe.created_at)}
+                  </p>
+                </CardTitle>
                 <div className='flex flex-wrap gap-2'>
                   <AlertDialog>
                     <AlertDialogTrigger asChild>