diff --git a/apps/admin-ui/src/spa/reservations/[id]/ReservationTitleSection.tsx b/apps/admin-ui/src/spa/reservations/[id]/ReservationTitleSection.tsx index 4e9e5e253..9ca9aacf5 100644 --- a/apps/admin-ui/src/spa/reservations/[id]/ReservationTitleSection.tsx +++ b/apps/admin-ui/src/spa/reservations/[id]/ReservationTitleSection.tsx @@ -10,7 +10,6 @@ import { import styled from "styled-components"; import { useTranslation } from "react-i18next"; import { fontMedium, H1 } from "common/src/common/typography"; -import { breakpoints } from "common/src/common/style"; import { type Maybe, OrderStatus, @@ -27,14 +26,6 @@ import { ExternalLink } from "@/component/ExternalLink"; import StatusLabel from "common/src/components/StatusLabel"; import { type StatusLabelType } from "common/src/tags"; -const AlignVertically = styled.div` - display: flex; - gap: var(--spacing-m); - flex-direction: row; - align-items: center; - flex-grow: 1; -`; - const Tagline = styled.p` font-size: var(--fontsize-body-xl); margin-bottom: var(--spacing-xs); @@ -148,27 +139,23 @@ const ReservationTitleSection = forwardRef(

{overrideTitle ?? getName(reservation, t)}

{order?.status != null && ( - - - + + )} + {reservation.state && ( + + {t(`RequestedReservation.state.${reservation.state}`)} + )} - - {reservation.state && ( - - {t(`RequestedReservation.state.${reservation.state}`)} - - )} -