feat: implement analytics dashboard page with custom Recharts visualizations and Supabase RPC integration

app/(dashboard)/analytics/page.tsx

@@ -6,7 +6,11 @@ export const metadata = {
   title: "Analizler - Neta",
 };
 
-export default async function AnalyticsPage() {
+export default async function AnalyticsPage({
+  searchParams,
+}: {
+  searchParams: { [key: string]: string | string[] | undefined };
+}) {
   const supabase = await createClient();
   const { data: { user } } = await supabase.auth.getUser();
 
@@ -14,24 +18,41 @@ export default async function AnalyticsPage() {
     redirect("/login");
   }
 
-  // Fetch all analytics data in parallel with only needed columns
-  const [{ data: tasks }, { data: projects }, { data: finances }] =
-    await Promise.all([
-      supabase
-        .from("tasks")
-        .select("id, status, created_at, due_at"),
-      supabase
-        .from("projects")
-        .select("id, name"),
-      supabase
-        .from("finance_transactions")
-        .select("id, type, amount, transaction_date, project_id"),
-    ]);
+  const range = typeof searchParams.range === "string" ? searchParams.range : "this_month";
+  
+  const now = new Date();
+  let startDate = new Date();
+  let endDate = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59);
+  
+  if (range === "this_week") {
+    const tempNow = new Date();
+    const firstDay = new Date(tempNow.setDate(tempNow.getDate() - tempNow.getDay() + (tempNow.getDay() === 0 ? -6 : 1)));
+    firstDay.setHours(0, 0, 0, 0);
+    startDate = firstDay;
+    endDate = new Date(firstDay.getTime());
+    endDate.setDate(endDate.getDate() + 6);
+    endDate.setHours(23, 59, 59, 999);
+  } else if (range === "this_month") {
+    startDate = new Date(now.getFullYear(), now.getMonth(), 1, 0, 0, 0);
+    endDate = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59);
+  } else if (range === "this_year") {
+    startDate = new Date(now.getFullYear(), 0, 1, 0, 0, 0);
+    endDate = new Date(now.getFullYear(), 11, 31, 23, 59, 59);
+  }
+
+  // Fetch metrics using RPC
+  const { data: metricsData } = await supabase.rpc('get_analytics_metrics', {
+    p_start_date: startDate.toISOString(),
+    p_end_date: endDate.toISOString()
+  });
 
   const analyticsData = {
-    tasks: tasks || [],
-    projects: projects || [],
-    finances: finances || [],
+    metrics: metricsData || {
+      projectIncomeData: [],
+      completedTasks: 0,
+      activeTasks: 0
+    },
+    range
   };
 
   return <AnalyticsClient data={analyticsData} />;