feat: agregar funcionalidad de edición de cabecera y colores en OrganizationHeaderEdit

txclient/src/app/landing/org/[oid]/HeaderEditPopup.tsx

@@ -10,7 +10,7 @@ import ImagePicker from "@components/ImagePicker/ImagePicker";
 import { useAlert } from "@core/Store/Alert.Store";
 import { useSessionStore } from "@core/Store/Sesion.Store";
 import { useOrganizationHeaderStore } from "@core/Store/OrganizationHeader.Store";
-import { updateOrganizationsById, uploadHeaderImage } from "./Org.Service";
+import { updateOrganizationColors, uploadHeaderImage } from "@services/Header.Edit.Service";
 import { UpdateCompanyParams } from "@models/Company.model";
 
 interface HeaderEditPopupProps {
@@ -58,7 +58,7 @@ export default function HeaderEditPopup(props: HeaderEditPopupProps) {
                 sessionUser: SessionInfo.userId,
             };
 
-            await updateOrganizationsById(updData);
+            await updateOrganizationColors(updData);
 
             organizationHeader.setHeaderColor(headerColorState);
             organizationHeader.setHeaderFontColor(headerFontColorState);

txclient/src/app/landing/service/[sid]/ServiceDetailCard.tsx

@@ -6,7 +6,7 @@ import { PublicServiceView } from "@models/Service.model";
 import { PublicOrganizationView } from "@models/Company.model";
 import ServiceImageEditPopup from "./ServiceImageEditPopup";
 import { useSessionStore } from "@core/Store/Sesion.Store";
-import { checkOrgAdmin } from "./Service.Service";
+import { checkOrgAdmin } from "@services/Header.Edit.Service";
 
 interface ServiceDetailCardProps {
     service: PublicServiceView;

txclient/src/app/landing/service/[sid]/ServiceImageEditPopup.tsx

@@ -7,7 +7,7 @@ import { ThemeProvider } from "@emotion/react";
 import ImagePicker from "@components/ImagePicker/ImagePicker";
 import { useAlert } from "@core/Store/Alert.Store";
 import { useSessionStore } from "@core/Store/Sesion.Store";
-import { uploadServiceImage } from "./Service.Service";
+import { uploadServiceImage } from "@services/Header.Edit.Service";
 
 interface ServiceImageEditPopupProps {
     open: boolean;

txclient/src/app/landing/service/[sid]/page.tsx

@@ -12,6 +12,7 @@ import EvangelizeBanner from "@components/EvangelizeBanner/EvangelizeBanner";
 import ReviewsCarousel from "@components/ReviewsCarousel/ReviewsCarousel";
 import { RatingTargetType } from "@core/Models/Ratings.model";
 import ServiceDetailCard from "./ServiceDetailCard";
+import OrganizationHeaderEdit from "@components/OrganizationHeaderEdit/OrganizationHeaderEdit";
 
 const GetServiceData = async (serviceId: string): Promise<PublicOrganizationServiceView> => {
     try {
@@ -56,7 +57,16 @@ export default async function OrganizationPublicProfile({ params }: Props) {
                     <ScrollToTop />
                     <HeaderConfProvider />
                     <div className="homeCentered">
-                        <OrganizationHeader organization={organizationService.organization} />
+                        <div id="header-wrapper" style={{ position: "relative" }}>
+                            <OrganizationHeader organization={organizationService.organization} />
+                        </div>
+                        <OrganizationHeaderEdit
+                            companyId={organizationService.organization.id}
+                            headerColor={organizationService.organization.headerColor}
+                            headerFontColor={organizationService.organization.headerFontColor}
+                            headerFontShadowColor={organizationService.organization.headerFontShadowColor}
+                            headerImage={organizationService.organization.headerFile}
+                        />
                         <div className={style.organizationContent}>
                             <div className={style.serviceSide}>
                                 <div className={style.stickyWrapper}>