Merge pull request 'fix(tradein): import trade-in.css в ui-preview (#801)' (#820) from fix/801-preview-css into main
All checks were successful
Deploy Trade-In / build-backend (push) Has been skipped
Deploy Trade-In / build-frontend (push) Successful in 1m35s
Deploy Trade-In / changes (push) Successful in 5s
Deploy Trade-In / test (push) Has been skipped
Deploy Trade-In / deploy (push) Successful in 36s

Reviewed-on: #820
This commit is contained in:
lekss361 2026-05-30 19:34:05 +00:00
commit 1a733302c2

View file

@ -21,6 +21,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { notFound } from "next/navigation"; import { notFound } from "next/navigation";
import { useState } from "react"; import { useState } from "react";
import "@/components/trade-in/trade-in.css";
import { CianValuationCard } from "@/components/trade-in/CianValuationCard"; import { CianValuationCard } from "@/components/trade-in/CianValuationCard";
import { DealsCard } from "@/components/trade-in/DealsCard"; import { DealsCard } from "@/components/trade-in/DealsCard";
import { DistributionCard } from "@/components/trade-in/DistributionCard"; import { DistributionCard } from "@/components/trade-in/DistributionCard";
@ -57,22 +58,23 @@ function PreviewContent() {
return ( return (
<QueryClientProvider client={client}> <QueryClientProvider client={client}>
<main {/* Те же layout-классы, что у реальной страницы (page.tsx): .page .result-col
className="tradein-results" (flex-column gap, --container ширина). Без них карточки рендерились узко/«мобильно». */}
style={{ maxWidth: 920, margin: "0 auto", padding: 24 }} <main className="page">
> <section className="result-col">
<HeroSummary <HeroSummary
estimate={FIXTURE_ESTIMATE} estimate={FIXTURE_ESTIMATE}
input={FIXTURE_INPUT} input={FIXTURE_INPUT}
onResubmit={() => {}} onResubmit={() => {}}
isResubmitting={false} isResubmitting={false}
/> />
<CianValuationCard data={FIXTURE_ESTIMATE.cian_valuation} /> <CianValuationCard data={FIXTURE_ESTIMATE.cian_valuation} />
<DistributionCard estimate={FIXTURE_ESTIMATE} /> <DistributionCard estimate={FIXTURE_ESTIMATE} />
<DealsCard estimate={FIXTURE_ESTIMATE} /> <DealsCard estimate={FIXTURE_ESTIMATE} />
<StreetDealsCard estimate={FIXTURE_ESTIMATE} /> <StreetDealsCard estimate={FIXTURE_ESTIMATE} />
<ExposureCard estimate={FIXTURE_ESTIMATE} /> <ExposureCard estimate={FIXTURE_ESTIMATE} />
<PriceTrendCard estimate={FIXTURE_ESTIMATE} /> <PriceTrendCard estimate={FIXTURE_ESTIMATE} />
</section>
</main> </main>
</QueryClientProvider> </QueryClientProvider>
); );