empty data

src/app/[name]/(Profile)/favorite/page.tsx

@@ -2,6 +2,7 @@
 import React, { useMemo } from 'react'
 import { useRouter } from 'next/navigation'
 import { ArrowLeft } from 'iconsax-react'
+import Image from 'next/image'
 import { useGetFavorites } from './hooks/useFavoriteData'
 import MenuItem from '@/components/listview/MenuItem'
 import MenuItemRenderer from '@/components/listview/MenuItemRenderer'
@@ -74,11 +75,20 @@ function FavoritePage() {
                         <p>در حال دریافت علاقه‌مندی‌ها...</p>
                     </div>
                 ) : foodItems.length === 0 ? (
-                    <div className='flex flex-col items-center justify-center gap-2 py-12 text-sm2 text-muted-foreground'>
-                        <p>شما هیچ مورد علاقه‌مندی ثبت نکرده‌اید</p>
-                        <p className='text-xs'>
-                            برای افزودن غذا به علاقه‌مندی‌ها، به صفحه جزئیات غذا بروید
-                        </p>
+                    <div className='flex flex-col items-center justify-center gap-4 h-full'>
+                        <Image
+                            src='/assets/images/favorite.png'
+                            alt='favorite'
+                            width={120}
+                            height={120}
+                            className='object-contain'
+                        />
+                        <div className='flex flex-col items-center gap-2 text-sm2 text-muted-foreground'>
+                            <p>شما هیچ مورد علاقه‌مندی ثبت نکرده‌اید</p>
+                            <p className='text-xs'>
+                                برای افزودن غذا به علاقه‌مندی‌ها، به صفحه جزئیات غذا بروید
+                            </p>
+                        </div>
                     </div>
                 ) : (
                     <VerticalScrollView className="overflow-y-auto h-full">