diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss index a7a0f27a..f450c847 100644 --- a/src/ui/flights/FlightCard.scss +++ b/src/ui/flights/FlightCard.scss @@ -95,6 +95,12 @@ } } + &__inline-actions { + display: flex; + align-items: center; + gap: vars.$space-s; + } + &__expanded { padding: 0 vars.$space-xl vars.$space-xl; display: flex; @@ -199,6 +205,21 @@ } } + &__status-btn { + background: transparent; + color: colors.$blue; + border: 1px solid colors.$blue; + border-radius: 4px; + padding: 9px 22px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + text-decoration: none; + transition: background-color 150ms ease; + + &:hover { background: rgba(46, 87, 255, 0.06); } + } + &__buy-btn { background: #ff9000; color: #fff; diff --git a/src/ui/flights/FlightCard.tsx b/src/ui/flights/FlightCard.tsx index 9251f85e..8293d60e 100644 --- a/src/ui/flights/FlightCard.tsx +++ b/src/ui/flights/FlightCard.tsx @@ -1,6 +1,8 @@ import { useState, type FC, type KeyboardEvent } from "react"; +import { Link } from "@modern-js/runtime/router"; import { useTranslation } from "@/i18n/provider.js"; import { useLocale } from "@/i18n/useLocale.js"; +import { languageToLocale } from "@/i18n/resolver.js"; import type { ISimpleFlight, IFlightLeg } from "@/features/online-board/types.js"; import { operatingCarrier } from "@/features/online-board/types.js"; import { @@ -229,7 +231,28 @@ export const FlightCard: FC = ({ /> - {expandable && ( + {direction === "schedule" ? ( +
+ e.stopPropagation()} + > + {t("SHARED.BUY-TICKET") || "Купить"} + + e.stopPropagation()} + > + {t("SHARED.DETAILS")} + +
+ ) : expandable && (