diff --git a/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/page.tsx b/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/page.tsx index 2721aab..dd055ba 100644 --- a/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/page.tsx +++ b/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/page.tsx @@ -16,6 +16,7 @@ import { getServiceImage } from "@core/helpers/getServiceImage"; import ServiceRatingSummary from "@components/ServiceRatingSummary/ServiceRatingSummary"; import ShareOutlinedIcon from "@mui/icons-material/ShareOutlined"; +import OpenInNewIcon from "@mui/icons-material/OpenInNew"; import Dialog from "@mui/material/Dialog"; import DialogContent from "@mui/material/DialogContent"; import DialogTitle from "@mui/material/DialogTitle"; @@ -118,18 +119,30 @@ export default function Org() {
{formatPrice(data.price)} - { - e.stopPropagation(); - setShareService(data); - }} - size="small" - title="Compartir servicio" - > - - +
+ { + e.stopPropagation(); + goTo(`/landing/service/${data.id}`); + }} + size="small" + title="Ver perfil público del servicio" + className={style.iconButton} + > + + + { + e.stopPropagation(); + setShareService(data); + }} + size="small" + title="Compartir servicio" + className={style.iconButton} + > + + +
); diff --git a/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/service.module.css b/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/service.module.css index 7ce3394..2ec1124 100644 --- a/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/service.module.css +++ b/txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/service.module.css @@ -71,26 +71,29 @@ display: flex; flex-direction: column; align-items: flex-end; - justify-content: flex-end; /* changed from space-between */ - min-width: 100px; + justify-content: center; + gap: 12px; + min-width: 60px; } .servicePrice { font-size: 18px; font-weight: 800; color: #1e293b; - margin-bottom: 0; /* removed bottom margin */ } -.shareButton { +.iconsRow { + display: flex; + align-items: center; + gap: 4px; +} + +.iconButton { color: #94a3b8; transition: color 0.2s ease; - position: absolute; - top: 15px; - right: 15px; } -.shareButton:hover { +.iconButton:hover { color: var(--wine-dark); }