builded

app/(private)/Reportes/page.tsx

@@ -1,34 +1,37 @@
-"use client";
-
-import styles from "./Page.module.css";
 import Toggle from "@/app/Components/Global/Toggle/Toggle";
 import SearchDateBetween from "@/app/Components/SearchDateBetween/SearchDateBetween";
-import Porservicio from "@/app/Components/Reportes/porServicio";
 import PorServicios from "@/app/Components/Reportes/porServicio";
 import PorRecibos from "@/app/Components/Reportes/porRecibo";
 
-export default function Page() {
+export default async function Page(props: {
+  searchParams?: Promise<{
+    key: string;
+    numAcount: string;
+  }>;
+}) {
+  const params = await props.searchParams;
+  const key = params?.key && params.key;
+
   return (
     <section className="containerSection">
       <h2 className="title"> REPORTES </h2>
 
       <Toggle
-        defaultView="1"
+        defaultView={key}
         options={[
           {
-            key: "1",
+            key: "Por recibo",
             label: "Por recibo",
             content: (
               <>
                 <SearchDateBetween />
                 <PorServicios />
-
               </>
             ),
           },
 
           {
-            key: "2",
+            key: "Por Servicio",
             label: "Por Servicio",
             content: (
               <>