gendesign/frontend/src/components/site-finder/entry/RecentParcels.tsx
Light1YT 86e9ea2937 fix(week-review): автофиксы код-ревью — 169 issue (label «week ревью 1»)
Многоагентный аудит + имплементация: один воркер на файл, точечные правки.
Верификация: py_compile (47/47 .py) + tsc --noEmit (0 ошибок). Unit-тесты
не прогонялись (окружение не поднято: rollup native dep / нет pytest-venv).

Полностью исправлено (169): #1336, #1337, #1339, #1340, #1341, #1342, #1343, #1345, #1346, #1348, #1349, #1350, #1351, #1354, #1356, #1358, #1359, #1360, #1362, #1364, #1365, #1366, #1367, #1368, #1369, #1370, #1371, #1372, #1373, #1374, #1375, #1376, #1377, #1378, #1379, #1380, #1381, #1382, #1384, #1385, #1386, #1387, #1388, #1389, #1390, #1391, #1392, #1394, #1395, #1396, #1397, #1399, #1400, #1401, #1402, #1403, #1404, #1408, #1409, #1410, #1411, #1412, #1413, #1414, #1415, #1416, #1417, #1418, #1420, #1423, #1425, #1426, #1427, #1428, #1429, #1430, #1431, #1432, #1433, #1434, #1435, #1437, #1438, #1439, #1440, #1441, #1442, #1443, #1444, #1445, #1446, #1447, #1448, #1449, #1450, #1451, #1452, #1453, #1454, #1455, #1456, #1457, #1458, #1459, #1460, #1461, #1462, #1463, #1464, #1465, #1466, #1467, #1468, #1469, #1471, #1472, #1473, #1474, #1476, #1478, #1479, #1481, #1482, #1483, #1484, #1485, #1487, #1488, #1489, #1490, #1491, #1492, #1493, #1494, #1495, #1496, #1497, #1499, #1500, #1501, #1502, #1504, #1505, #1506, #1507, #1510, #1514, #1515, #1516, #1517, #1518, #1519, #1521, #1522, #1523, #1524, #1525, #1526, #1527, #1528, #1529, #1531, #1532, #1533, #1534, #1535, #1536, #1537, #1538

Частично (9, in-file часть, остаток cross-file): #1361, #1419, #1422, #1424, #1470, #1475, #1477, #1480, #1498
Требуют cross-file (3, не тронуты): #1338, #1363, #1421
Пропущено (1): #1539

Не входило в партию: 22 needs-Leha issue (нужны решения владельца).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-15 20:21:11 +05:00

213 lines
5.7 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

"use client";
import Link from "next/link";
import { useEffect } from "react";
import { useQueryClient } from "@tanstack/react-query";
import { Clock, MapPin } from "lucide-react";
import { useRecentParcels } from "@/lib/site-finder-api";
const MAX_SHOWN = 5;
export function RecentParcels() {
const queryClient = useQueryClient();
const { data: parcels, isLoading } = useRecentParcels();
// The visit is written to localStorage in page.handleParcelOpen, but the
// QueryClient survives client-side navigation and useRecentParcels has a 60s
// staleTime, so returning to /site-finder otherwise shows a stale snapshot
// without the just-opened parcel. Invalidate on mount to refetch the latest
// localStorage state (the component re-mounts on each return to the page).
useEffect(() => {
void queryClient.invalidateQueries({ queryKey: ["recent-parcels"] });
}, [queryClient]);
if (isLoading) {
return (
<div
style={{
background: "var(--bg-card)",
border: "1px solid var(--border-card)",
borderRadius: 12,
padding: "12px 16px",
}}
>
<div
style={{
height: 14,
background: "var(--bg-card-alt)",
borderRadius: 4,
marginBottom: 12,
width: 120,
}}
/>
{[1, 2, 3].map((i) => (
<div
key={i}
style={{
height: 40,
background: "var(--bg-card-alt)",
borderRadius: 6,
marginBottom: 6,
}}
/>
))}
</div>
);
}
const shown = (parcels ?? []).slice(0, MAX_SHOWN);
if (shown.length === 0) {
return (
<div
style={{
background: "var(--bg-card)",
border: "1px solid var(--border-card)",
borderRadius: 12,
padding: "12px 16px",
}}
>
<div
style={{
display: "flex",
alignItems: "center",
gap: 6,
marginBottom: 8,
}}
>
<Clock
size={14}
strokeWidth={1.5}
style={{ color: "var(--fg-secondary)" }}
/>
<span
style={{
fontSize: 11,
fontWeight: 500,
textTransform: "uppercase",
letterSpacing: "0.04em",
color: "var(--fg-secondary)",
}}
>
Недавние участки
</span>
</div>
<p
style={{
fontSize: 12,
color: "var(--fg-tertiary)",
margin: 0,
}}
>
История просмотров пуста
</p>
</div>
);
}
return (
<div
style={{
background: "var(--bg-card)",
border: "1px solid var(--border-card)",
borderRadius: 12,
overflow: "hidden",
}}
>
{/* Header */}
<div
style={{
padding: "10px 14px 8px",
borderBottom: "1px solid var(--border-soft)",
display: "flex",
alignItems: "center",
gap: 6,
}}
>
<Clock
size={14}
strokeWidth={1.5}
style={{ color: "var(--fg-secondary)" }}
/>
<span
style={{
fontSize: 11,
fontWeight: 500,
textTransform: "uppercase",
letterSpacing: "0.04em",
color: "var(--fg-secondary)",
}}
>
Недавние участки
</span>
</div>
{/* List */}
<div style={{ display: "flex", flexDirection: "column" }}>
{shown.map((parcel, idx) => (
<Link
key={parcel.cad_num}
href={`/site-finder/analysis/${encodeURIComponent(parcel.cad_num)}`}
style={{
display: "flex",
alignItems: "flex-start",
gap: 8,
padding: "10px 14px",
textDecoration: "none",
borderBottom:
idx < shown.length - 1
? "1px solid var(--border-soft)"
: "none",
transition: "background 0.1s",
}}
onMouseEnter={(e) => {
(e.currentTarget as HTMLElement).style.background =
"var(--bg-card-alt)";
}}
onMouseLeave={(e) => {
(e.currentTarget as HTMLElement).style.background = "transparent";
}}
>
<MapPin
size={14}
strokeWidth={1.5}
style={{
color: "var(--fg-tertiary)",
marginTop: 2,
flexShrink: 0,
}}
/>
<div style={{ minWidth: 0 }}>
<div
style={{
fontSize: 12,
fontWeight: 500,
color: "var(--fg-primary)",
fontVariantNumeric: "tabular-nums",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
}}
>
{parcel.cad_num}
</div>
<div
style={{
fontSize: 11,
color: "var(--fg-tertiary)",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
marginTop: 1,
}}
>
{parcel.district}
{parcel.area_ha ? ` · ${parcel.area_ha.toFixed(2)} га` : ""}
</div>
</div>
</Link>
))}
</div>
</div>
);
}