rename component to StatisticTable

EyeSeeTea · Jul 3, 2024 · 885db5b · 885db5b
1 parent 411b40a
commit 885db5b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git a/src/webapp/components/table/performance-overview-table/MedianRow.tsx b/src/webapp/components/table/performance-overview-table/MedianRow.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import _ from "../../../../domain/entities/generic/Collection";
 import { TableCell, TableRow } from "@material-ui/core";
 import styled from "styled-components";
-import { PerformanceOverviewTableProps } from "./PerformanceOverviewTable";
+import { StatisticTableProps } from "./StatisticTable";
 
 export type TableColumn = {
     value: string;
@@ -21,7 +21,7 @@ type MedianRowProps = {
 export const MedianRow: React.FC<MedianRowProps> = React.memo(
     ({ rows, columns, calculateColumns }) => {
         const calculateMedian = (
-            rows: PerformanceOverviewTableProps["rows"],
+            rows: StatisticTableProps["rows"],
             column: TableColumn["value"]
         ) => {
             const values = rows.map(row => Number(row[column])).filter(value => !isNaN(value));

diff --git a/src/webapp/components/table/performance-overview-table/PercentTargetMetRow.tsx b/src/webapp/components/table/performance-overview-table/PercentTargetMetRow.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import _ from "../../../../domain/entities/generic/Collection";
 import { TableCell, TableRow } from "@material-ui/core";
 import styled from "styled-components";
-import { PerformanceOverviewTableProps } from "./PerformanceOverviewTable";
+import { StatisticTableProps } from "./StatisticTable";
 
 export type TableColumn = {
     value: string;
@@ -24,7 +24,7 @@ type PercentTargetMetRowProps = {
 export const PercentTargetMetRow: React.FC<PercentTargetMetRowProps> = React.memo(
     ({ rows, columns, columnRules, calculateColumns }) => {
         const calculatePercentTargetMet = (
-            rows: PerformanceOverviewTableProps["rows"],
+            rows: StatisticTableProps["rows"],
             column: TableColumn["value"],
             target: number
         ) => {

diff --git a/...erview-table/PerformanceOverviewTable.tsx → ...ormance-overview-table/StatisticTable.tsx b/...erview-table/PerformanceOverviewTable.tsx → ...ormance-overview-table/StatisticTable.tsx
@@ -22,7 +22,7 @@ export type TableColumn = {
     dark?: boolean;
 };
 
-export type PerformanceOverviewTableProps = {
+export type StatisticTableProps = {
     columns: TableColumn[];
     columnRules: {
         [key: TableColumn["value"]]: number;
@@ -33,11 +33,10 @@ export type PerformanceOverviewTableProps = {
     }[];
 };
 
-export const PerformanceOverviewTable: React.FC<PerformanceOverviewTableProps> = React.memo(
+export const StatisticTable: React.FC<StatisticTableProps> = React.memo(
     ({ rows, columns, columnRules, editRiskAssessmentColumns }) => {
         const [searchTerm, setSearchTerm] = useState<string>("");
         const [filterValue, setFilterValue] = useState("");
-        // const [filteredRows, setFilteredRows] = useState(rows);
 
         const calculateColumns = [...editRiskAssessmentColumns, ...Object.keys(columnRules)];
 
@@ -131,7 +130,7 @@ export const PerformanceOverviewTable: React.FC<PerformanceOverviewTableProps> =
     }
 );
 
-const useTableSearch = (rows: PerformanceOverviewTableProps["rows"], searchTerm: string) => {
+const useTableSearch = (rows: StatisticTableProps["rows"], searchTerm: string) => {
     return useMemo(() => {
         if (searchTerm === "") {
             return rows;

diff --git a/src/webapp/pages/dashboard/DashboardPage.tsx b/src/webapp/pages/dashboard/DashboardPage.tsx
@@ -4,9 +4,9 @@ import i18n from "../../../utils/i18n";
 import { Layout } from "../../components/layout/Layout";
 import { Section } from "../../components/section/Section";
 import {
-    PerformanceOverviewTable,
+    StatisticTable,
     TableColumn,
-} from "../../components/table/performance-overview-table/PerformanceOverviewTable";
+} from "../../components/table/performance-overview-table/StatisticTable";
 
 export const DashboardPage: React.FC = React.memo(() => {
     // TODO remove harcoded data
@@ -188,7 +188,7 @@ export const DashboardPage: React.FC = React.memo(() => {
             </Section>
             <Section title={i18n.t("7-1-7 performance")}>7-1-7 performance content</Section>
             <Section title={i18n.t("Performance overview")}>
-                <PerformanceOverviewTable
+                <StatisticTable
                     columns={columns}
                     rows={dataPerformanceOverview}
                     columnRules={columnRules}