diff --git a/src/pages/Admin/Charity/Dashboard/Dashboard.tsx b/src/pages/Admin/Charity/Dashboard/Dashboard.tsx
index dd50feb6b5..e0b5184125 100644
--- a/src/pages/Admin/Charity/Dashboard/Dashboard.tsx
+++ b/src/pages/Admin/Charity/Dashboard/Dashboard.tsx
@@ -47,11 +47,13 @@ function Loaded({
}
amount={`$ ${humanize(props.donationsBal - props.payoutsMade, 2)}`}
/>
}
amount={`$ ${humanize(props.sustainabilityFundBal, 2)}`}
/>
diff --git a/src/pages/Admin/Charity/Dashboard/Figure.tsx b/src/pages/Admin/Charity/Dashboard/Figure.tsx
index d4e85b4667..9f0e5cae2d 100644
--- a/src/pages/Admin/Charity/Dashboard/Figure.tsx
+++ b/src/pages/Admin/Charity/Dashboard/Figure.tsx
@@ -1,18 +1,30 @@
-import type { ReactNode } from "react";
+import Icon from "components/Icon";
+import Tooltip from "components/Tooltip";
+import { type ReactNode, useRef } from "react";
type Props = {
title: string;
icon: ReactNode;
/** e.g. $100,000 */
amount: string;
+ tooltip?: string;
};
export default function Figure(props: Props) {
+ const ref = useRef
(null);
return (
-
+
{props.title}
- {props.icon}
+ {props.tooltip && (
+ <>
+
+
+
+
+ >
+ )}
+
{props.icon}
{props.amount}
diff --git a/src/pages/Admin/Charity/Dashboard/Schedule/Schedule.tsx b/src/pages/Admin/Charity/Dashboard/Schedule/Schedule.tsx
index da4317e0cb..fe7fcfd9a6 100644
--- a/src/pages/Admin/Charity/Dashboard/Schedule/Schedule.tsx
+++ b/src/pages/Admin/Charity/Dashboard/Schedule/Schedule.tsx
@@ -1,8 +1,11 @@
import leaf from "assets/icons/leaf.png";
import sendMoney from "assets/icons/send-money.png";
+import Icon from "components/Icon";
+import Tooltip from "components/Tooltip";
import { useModalContext } from "contexts/ModalContext";
import { humanize } from "helpers";
import { useAdminContext } from "pages/Admin/Context";
+import { useRef } from "react";
import { IoArrowForwardOutline } from "react-icons/io5"; //icon-arrow-right
import { RiPencilFill } from "react-icons/ri"; //icon-pencil
import { useEndowmentQuery } from "services/aws/aws";
@@ -25,6 +28,8 @@ export function Schedule(props: Props) {
const val = (pct?: number) =>
pct || pct === 0 ? `$ ${humanize((pct / 100) * props.amount)}` : "---";
+ const grantRef = useRef
(null);
+
return (
@@ -54,7 +59,16 @@ export function Schedule(props: Props) {
-
Grants
+
{endow?.allocation?.cash ?? 0} %