Add tab with the total usage numbers

Trends are not so relevant here and too demanding on resources.

Signed-off-by: Frantisek Lachman <[email protected]>

frontend/src/app/Usage/Usage.tsx

@@ -58,6 +58,9 @@ const Usage = () => {
                                 <UsageList what="past-year" />
                                 <UsageInterval days={7} hours={0} count={52} />
                             </Tab>
+                            <Tab eventKey={4} title="Total">
+                                <UsageList what="total" />
+                            </Tab>
                         </Tabs>
                     </CardBody>
                 </Card>

frontend/src/app/Usage/UsageList.tsx

@@ -17,7 +17,7 @@ const fetchDataByGranularity = (granularity: UsageListProps["what"]) =>
     fetch(`/api/usage/${granularity}`).then((response) => response.json());
 
 interface UsageListProps {
-    what: "past-day" | "past-week" | "past-month" | "past-year";
+    what: "past-day" | "past-week" | "past-month" | "past-year" | "total";
 }
 
 const UsageList: React.FC<UsageListProps> = (props) => {

packit_dashboard/api/routes.py

@@ -138,6 +138,14 @@ def usage_past_year():
     return _get_usage_data_from_packit_api(usage_from=past_year_date)
 
 
+@api.route("/api/usage/total")
+@ttl_cache(maxsize=_CACHE_MAXSIZE, ttl=timedelta(days=1).seconds)
+def usage_total():
+    now = datetime.now()
+    past_date = now.replace(year=now.year - 100).strftime("%Y-%m-%d")
+    return _get_usage_data_from_packit_api(usage_from=past_date)
+
+
 # format the chart needs is a list of {"x": "datetimelegend", "y": value}
 CHART_DATA_TYPE = list[dict[str, Union[str, int]]]