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 +
+ Grants + +
+ +
+
{endow?.allocation?.cash ?? 0} %