From 061cc820267f15b68e0e6cfbd82788191ee38612 Mon Sep 17 00:00:00 2001
From: a93qwr124sqrqwrwq <iruthleesredx@gmail.com>
Date: Wed, 4 Nov 2026 22:34:43 +0300
Subject: [PATCH] frontend second step

---
 frontend/src/index.css               | 11 +++++++++++
 frontend/src/pages/EquipmentCard.tsx |  5 ++---
 frontend/src/pages/EquipmentList.tsx |  9 ++++-----
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index cb7073f..9cca51c 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -237,3 +237,14 @@ h2 {
     align-items: flex-start;
   }
 }
+
+.row-link {
+  cursor: pointer;
+}
+.row-link:hover td {
+  background: #eff6ff;
+}
+.row-link .name {
+  color: #2563eb;
+  font-weight: 500;
+}
diff --git a/frontend/src/pages/EquipmentCard.tsx b/frontend/src/pages/EquipmentCard.tsx
index e36e8fc..508a419 100644
--- a/frontend/src/pages/EquipmentCard.tsx
+++ b/frontend/src/pages/EquipmentCard.tsx
@@ -76,8 +76,8 @@ export function EquipmentCard() {
       {recalcError && <ErrorMessage message={recalcError} />}
 
       <div className="grid">
-        <HistoryChart id={id} />
         <ForecastChart id={id} />
+        <HistoryChart id={id} />
         <PhysicsChart />
         <EquipmentAlerts id={id} />
       </div>
@@ -159,8 +159,7 @@ function PhysicsChart() {
         <h2>Физическая модель против фактических показаний</h2>
       </div>
       <div className="placeholder">
-        Заглушка: появится, когда физическая модель начнёт писать в <code>physics_predictions</code> и будет готов
-        эндпоинт.
+        Заглушка
       </div>
     </div>
   );
diff --git a/frontend/src/pages/EquipmentList.tsx b/frontend/src/pages/EquipmentList.tsx
index 1908d6c..82901a1 100644
--- a/frontend/src/pages/EquipmentList.tsx
+++ b/frontend/src/pages/EquipmentList.tsx
@@ -1,4 +1,4 @@
-import { Link } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 
 import { api } from "../api";
 import { Empty, ErrorMessage, Loading } from "../components/State";
@@ -8,6 +8,7 @@ import { useFetch } from "../useFetch";
 
 export function EquipmentList() {
   const { data, error, loading, reload } = useFetch(api.listEquipment, []);
+  const navigate = useNavigate();
 
   return (
     <section>
@@ -34,10 +35,8 @@ export function EquipmentList() {
           </thead>
           <tbody>
             {data.map((e) => (
-              <tr key={e.id}>
-                <td>
-                  <Link to={`/equipment/${e.id}`}>{e.name}</Link>
-                </td>
+              <tr key={e.id} className="row-link" onClick={() => navigate(`/equipment/${e.id}`)}>
+                <td className="name">{e.name}</td>
                 <td>
                   <StatusBadge status={e.status} />
                 </td>