diff --git a/app/src/pages/r/[runId].js b/app/src/pages/r/[runId].js index 5f93dbb..e20a011 100644 --- a/app/src/pages/r/[runId].js +++ b/app/src/pages/r/[runId].js @@ -3,12 +3,13 @@ import React from "react"; import { Helmet } from "react-helmet-async"; import { Card, CardContent, Grid, Typography } from "@mui/material"; import DashboardLayout from "../../layouts/Dashboard"; +import { useTheme } from "@mui/system"; // Server-side translation import { serverSideTranslations } from "next-i18next/serverSideTranslations"; import { getItem } from "../api/getItem"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faTags, faTrophy } from "@fortawesome/free-solid-svg-icons"; +import { faStar, faTags, faTrophy } from "@fortawesome/free-solid-svg-icons"; import { MetaTag } from "../../components/MetaItems"; import { CollapsibleDataTable } from "../api/sizeLimiter"; import { EvaluationDetail, FlowDetail, TagChip } from "../api/itemDetail"; @@ -32,6 +33,7 @@ export async function getStaticProps({ params, locale }) { } function Run({ data }) { + const theme = useTheme(); const router = useRouter(); const runId = router.query.runId; let flowCols = ["Parameter", "Value"]; @@ -51,98 +53,101 @@ function Run({ data }) { return ( - - - - - - - -    Run {data.run_id} - + + + + + + + +    Run {data.run_id} + + + + + + + +
+ + + + +
- - - - - -
- - - - + + + {" "} + {data.tags.map((element) => + element.tag.toString().startsWith("study") ? ( + "" + ) : ( + updateTag(element.tag)} + /> + ), + )} +
- - - {" "} - {data.tags.map((element) => - element.tag.toString().startsWith("study") ? ( - "" - ) : ( - updateTag(element.tag)} - /> - ), - )} - + + + + Flow +
+ + {data.run_flow.name} + + ( + + )} + maxLength={7} + columns={flowCols} + /> +
+
+
+ + + + ( + + )} + maxLength={7} + columns={evaluationMeasureCols} + /> + +
- - - - Flow -
- - {data.run_flow.name} - - ( - - )} - maxLength={7} - columns={flowCols} - /> -
-
-
- - - - ( - - )} - maxLength={7} - columns={evaluationMeasureCols} - /> - - - -
-
+
); }