Add 30 n

webapp/src/components/dashboard/home/membersOverviewChart.tsx

@@ -680,7 +680,37 @@ export default function MembersOverviewChart()
                         {t('thisYear')}
                     </button>
                 </div>
-                <ReactApexChart series={options.series} options={options.options} type="area" height={350} width={'100%'} />
+                {!chartSeries || chartSeries.length === 0 ? (
+                    <div className="flex items-center justify-center h-[350px]">
+                        <div className="animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-gray-900 dark:border-gray-100"></div>
+                    </div>
+                ) : (
+                    <ReactApexChart 
+                        series={options.series} 
+                        options={{
+                            ...options.options,
+                            xaxis: {
+                                ...options.options.xaxis,
+                                categories: labels,
+                            },
+                            noData: {
+                                text: t('noDataAvailable'),
+                                align: 'center',
+                                verticalAlign: 'middle',
+                                offsetX: 0,
+                                offsetY: 0,
+                                style: {
+                                    color: isDark ? '#fff' : '#000',
+                                    fontSize: '14px',
+                                    fontFamily: 'sans-serif'
+                                }
+                            }
+                        }} 
+                        type="area" 
+                        height={350} 
+                        width={'100%'} 
+                    />
+                )}
             </div>
         </>
     )

webapp/src/messages/ar.json

@@ -383,6 +383,17 @@
     "outcome": "مصروف",
     "income": "دخل",
     "netProfit": "صافي الربح",
-    "incomeOutcomeGeneralOverview": "نظرة عامة على الدخل والمصروفات"
+    "incomeOutcomeGeneralOverview": "نظرة عامة على الدخل والمصروفات",
+    "noDataAvailable": "لا توجد بيانات متاحة",
+    "members": "الأعضاء",
+    "subscriptions": "الاشتراكات",
+    "activeSubscriptions": "الاشتراكات النشطة",
+    "expiredSubscriptions": "الاشتراكات المنتهية",
+    "soonToExpire": "تنتهي قريباً",
+    "male": "ذكر",
+    "female": "أنثى",
+    "total": "الإجمالي",
+    "active": "نشط",
+    "inactive": "غير نشط"
   }
 }

webapp/src/messages/en.json

@@ -387,6 +387,17 @@
     "outcome": "Outcome",
     "income": "Income",
     "netProfit": "Net profit",
-    "incomeOutcomeGeneralOverview": "General Income and outcome overview"
+    "incomeOutcomeGeneralOverview": "General Income and outcome overview",
+    "noDataAvailable": "No data available",
+    "members": "Members",
+    "subscriptions": "Subscriptions",
+    "activeSubscriptions": "Active Subscriptions",
+    "expiredSubscriptions": "Expired Subscriptions",
+    "soonToExpire": "Soon to Expire",
+    "male": "Male",
+    "female": "Female",
+    "total": "Total",
+    "active": "Active",
+    "inactive": "Inactive"
   }
 }