From 05c92921d47de735366dc04e96ae6fe5f9559e15 Mon Sep 17 00:00:00 2001
From: Tim Chamberlain <tchamberlain76@gmail.com>
Date: Wed, 19 Apr 2023 12:12:58 -0500
Subject: [PATCH] added footer html to tables

---
 package.json                                    | 2 +-
 src/qqq/components/widgets/DashboardWidgets.tsx | 1 +
 src/qqq/components/widgets/Widget.tsx           | 9 ++++++++-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index d42e8ea..3d122a7 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
       "@auth0/auth0-react": "1.10.2",
       "@emotion/react": "11.7.1",
       "@emotion/styled": "11.6.0",
-      "@kingsrook/qqq-frontend-core": "1.0.56",
+      "@kingsrook/qqq-frontend-core": "1.0.57",
       "@mui/icons-material": "5.4.1",
       "@mui/material": "5.11.1",
       "@mui/styles": "5.11.1",
diff --git a/src/qqq/components/widgets/DashboardWidgets.tsx b/src/qqq/components/widgets/DashboardWidgets.tsx
index 555706b..9929d40 100644
--- a/src/qqq/components/widgets/DashboardWidgets.tsx
+++ b/src/qqq/components/widgets/DashboardWidgets.tsx
@@ -225,6 +225,7 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
                      widgetMetaData={widgetMetaData}
                      widgetData={widgetData[i]}
                      reloadWidgetCallback={(data) => reloadWidget(i, data)}
+                     footerHTML={widgetData[i]?.footerHTML}
                      isChild={areChildren}
                   >
                      <TableCard
diff --git a/src/qqq/components/widgets/Widget.tsx b/src/qqq/components/widgets/Widget.tsx
index 62ce5de..21f0582 100644
--- a/src/qqq/components/widgets/Widget.tsx
+++ b/src/qqq/components/widgets/Widget.tsx
@@ -26,7 +26,8 @@ import Button from "@mui/material/Button";
 import Card from "@mui/material/Card";
 import Icon from "@mui/material/Icon";
 import Typography from "@mui/material/Typography";
-import React, {useEffect, useState} from "react";
+import parse from "html-react-parser";
+import React, {useState} from "react";
 import {Link, useNavigate} from "react-router-dom";
 import colors from "qqq/components/legacy/colors";
 import DropdownMenu, {DropdownOption} from "qqq/components/widgets/components/DropdownMenu";
@@ -54,6 +55,7 @@ interface Props
    children: JSX.Element;
    reloadWidgetCallback?: (params: string) => void;
    isChild?: boolean;
+   footerHTML?: string;
    storeDropdownSelections?: boolean;
 }
 
@@ -398,6 +400,11 @@ function Widget(props: React.PropsWithChildren<Props>): JSX.Element
                )
             )
          }
+         {
+            props?.footerHTML && (
+               <Box mt={1} ml={3} mr={3} mb={2} sx={{fontWeight: 300, color: "#7b809a", display: "flex", alignContent: "flex-end", fontSize: "14px"}}>{parse(props.footerHTML)}</Box>
+            )
+         }
       </Box>;
 
    return props.widgetMetaData?.isCard ? <Card sx={{marginTop: props.widgetMetaData?.icon ? 2 : 0, width: "100%"}} className={fullScreenWidgetClassName}>{widgetContent}</Card> : widgetContent;