income box

src/pages/statistics/Statistics.tsx

@@ -24,7 +24,7 @@ const Statistics: FC = () => {
     return (
         <div className='p-6 max-w-[1600px] mx-auto'>
             {/* Stats Cards */}
-            <div className='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6'>
+            <div className='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6'>
                 <StatCard
                     icon={<Category size={24} color='#6B7FED' />}
                     title='غذاها'
@@ -43,12 +43,6 @@ const Statistics: FC = () => {
                     value={`${formatFaNumber(stats?.totalOrders)} سفارش`}
                     color='#FF9A62'
                 />
-                <StatCard
-                    icon={<DollarCircle size={24} color='#10B981' />}
-                    title='درآمد'
-                    value={stats?.totalRevenue ? formatPrice(stats.totalRevenue) : '۰ تومان'}
-                    color='#10B981'
-                />
             </div>
 
             {/* Charts Section */}
@@ -57,10 +51,18 @@ const Statistics: FC = () => {
                     <RevenueChart />
                 </div>
                 <div className='lg:col-span-4'>
+                    <StatCard
+                        icon={<DollarCircle size={24} color='#10B981' />}
+                        title='درآمد'
+                        value={stats?.totalRevenue ? formatPrice(stats.totalRevenue) : '۰ تومان'}
+                        color='#10B981'
+                    />
+                    <div className='mt-5'>
                         <FoodSalesChart />
                     </div>
                 </div>
             </div>
+        </div>
     )
 }