All files / pages/Statistics CommonsAveragesOverTimePage.jsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
 
 
 
 
 
7x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from "react";
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import CommonsAveragesOverTimeTable from "main/components/Statistics/CommonsAveragesOverTimeTable";
import { useBackend } from "main/utils/useBackend";
 
export default function CommonsAveragesOverTimePage() {
  const { data: rows } = useBackend(
    ["/api/statistics/commons/averages/overtime"],
    {
      method: "GET",
      url: "/api/statistics/commons/averages/overtime",
    },
    [],
  );
 
  return (
    <BasicLayout>
      <div className="pt-2">
        <h1>Dining Commons Averages Over Time</h1>
        <p>
          Average rating per dining commons grouped by the month the meal was
          served. An averages-over-time graph is potentially coming soon.
        </p>
        {rows && rows.length === 0 ? (
          <p data-testid="CommonsAveragesOverTimePage-empty">
            No reviews available yet.
          </p>
        ) : (
          <CommonsAveragesOverTimeTable
            rows={rows}
            testIdPrefix="CommonsAveragesOverTimePage-table"
          />
        )}
      </div>
    </BasicLayout>
  );
}