From 0d37fb3536f146092d2896f2bf908ef3866c69cb Mon Sep 17 00:00:00 2001
From: IO <320154041@pcpuma.acatlan.unam.mx>
Date: Tue, 24 Feb 2026 16:57:23 -0600
Subject: [PATCH] modified to construct the component impressions

---
 app/(private)/Impresiones/page.tsx                         | 3 ++-
 app/(private)/layout.tsx                                   | 3 ++-
 app/Components/Impressions/impressions.tsx                 | 2 +-
 .../Background.css                                         | 0
 .../BackgroundRotator.tsx                                  | 0
 app/creadores/page.tsx                                     | 7 ++++---
 app/page.tsx                                               | 2 +-
 tsconfig.json                                              | 2 +-
 8 files changed, 11 insertions(+), 8 deletions(-)
 rename app/Components/layout/{BackgroundRotator.tsx => BackgroundRotator}/Background.css (100%)
 rename app/Components/layout/{BackgroundRotator.tsx => BackgroundRotator}/BackgroundRotator.tsx (100%)

diff --git a/app/(private)/Impresiones/page.tsx b/app/(private)/Impresiones/page.tsx
index d40abda..7bbb6de 100644
--- a/app/(private)/Impresiones/page.tsx
+++ b/app/(private)/Impresiones/page.tsx
@@ -33,7 +33,6 @@ export default async function Page(props: {
 
   if (numAcount) {
     const result = await GetStudentWhitoutSancion(parseInt(numAcount));
-
     if (result.error) {
       errorMessage = `${result.error}`;
     } else {
@@ -84,6 +83,7 @@ export default async function Page(props: {
         label: "Impresiones color",
         content: (
           <Impressions
+            key={2}
             costs={getCostsByService(2)}
             numAcount={student.id_cuenta}
             id_servicio={2}
@@ -95,6 +95,7 @@ export default async function Page(props: {
         label: "Plotter",
         content: (
           <Impressions
+            key={3}
             costs={getCostsByService(3)}
             numAcount={student.id_cuenta}
             id_servicio={3}
diff --git a/app/(private)/layout.tsx b/app/(private)/layout.tsx
index 289489c..7757bef 100644
--- a/app/(private)/layout.tsx
+++ b/app/(private)/layout.tsx
@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 import Logout from "../Components/auth/Logout/Logout";
-import BackgroundRotator from "../Components/layout/BackgroundRotator.tsx/BackgroundRotator";
+import BackgroundRotator from "../Components/layout/BackgroundRotator/BackgroundRotator";
+
 export default async function PrivateLayout({
   children,
 }: {
diff --git a/app/Components/Impressions/impressions.tsx b/app/Components/Impressions/impressions.tsx
index 299db84..f41190d 100644
--- a/app/Components/Impressions/impressions.tsx
+++ b/app/Components/Impressions/impressions.tsx
@@ -18,7 +18,7 @@ interface ImpressionsProps {
 
 function Impressions({ costs, numAcount, id_servicio }: ImpressionsProps) {
   const [pages, setPages] = useState("");
-  const [cost, setCost] = useState("");
+  const [cost, setCost] = useState(String(costs[0].value));
 
   const router = useRouter();
 
diff --git a/app/Components/layout/BackgroundRotator.tsx/Background.css b/app/Components/layout/BackgroundRotator/Background.css
similarity index 100%
rename from app/Components/layout/BackgroundRotator.tsx/Background.css
rename to app/Components/layout/BackgroundRotator/Background.css
diff --git a/app/Components/layout/BackgroundRotator.tsx/BackgroundRotator.tsx b/app/Components/layout/BackgroundRotator/BackgroundRotator.tsx
similarity index 100%
rename from app/Components/layout/BackgroundRotator.tsx/BackgroundRotator.tsx
rename to app/Components/layout/BackgroundRotator/BackgroundRotator.tsx
diff --git a/app/creadores/page.tsx b/app/creadores/page.tsx
index d836fc4..98d3470 100644
--- a/app/creadores/page.tsx
+++ b/app/creadores/page.tsx
@@ -1,11 +1,12 @@
-import "./creadores.css";
+import BackgroundRotator from "../Components/layout/BackgroundRotator/BackgroundRotator";
 import CreatorCard from "./CreatorCard";
+import "./creadores.css";
 
 export default function Page() {
     return (
         <div className="mainContainer">
-            <div className="container" style={{ display: "flex",flexDirection:"row", justifyContent: "center", gap: "3rem", flexWrap:"wrap" }}>
-                <div className="img"></div>
+            <div className="container" style={{ display: "flex", flexDirection: "row", justifyContent: "center", gap: "3rem", flexWrap: "wrap" }}>
+                <BackgroundRotator />
 
                 <CreatorCard title="IO" img="/IO.png" width={150} height={200} />
                 <CreatorCard title="CarloSpak" img="/SPAK.png" width={160} height={100} />
diff --git a/app/page.tsx b/app/page.tsx
index a70edd3..fec76bf 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,5 +1,5 @@
 import Login from "./Components/auth/Login/Login";
-import BackgroundRotator from "./Components/layout/BackgroundRotator.tsx/BackgroundRotator";
+import BackgroundRotator from "./Components/layout/BackgroundRotator/BackgroundRotator";
 import { LoginRedirect } from "./Routes/LoginRedirect";
 
 export default function Home() {
diff --git a/tsconfig.json b/tsconfig.json
index e7ff3a2..f7a0507 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -34,7 +34,7 @@
     "**/*.tsx",
     ".next/types/**/*.ts",
     ".next/dev/types/**/*.ts"
-  ],
+, "app/Components/layout/BackgroundRotator"  ],
   "exclude": [
     "node_modules"
   ]