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 && }
@@ -159,8 +159,7 @@ function PhysicsChart() {
Физическая модель против фактических показаний
- Заглушка: появится, когда физическая модель начнёт писать в physics_predictions и будет готов
- эндпоинт.
+ Заглушка
);
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 (
@@ -34,10 +35,8 @@ export function EquipmentList() {
{data.map((e) => (
-
- |
- {e.name}
- |
+
navigate(`/equipment/${e.id}`)}>
+ | {e.name} |
|