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
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:
commit
1a733302c2
1 changed files with 18 additions and 16 deletions
|
|
@ -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>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue