feat(frontend): avoid resolving all the kpi tokens at once

carrot-kpi · Jul 14, 2023 · dc9784e · dc9784e
1 parent ab7edce
commit dc9784e
Show file tree

Hide file tree

Showing 6 changed files with 203 additions and 209 deletions.
diff --git a/packages/frontend/src/components/ui/kpi-token-card/index.tsx b/packages/frontend/src/components/ui/kpi-token-card/index.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import {
     Chip,
     Typography,
@@ -43,11 +43,21 @@ const rootStyles = cva(
 interface KPITokenCardProps {
     kpiToken?: KPIToken | ResolvedKPIToken;
     noBorder?: boolean;
+    onResolved?: (resolved: ResolvedKPIToken) => void;
 }
 
-export const KPITokenCard = ({ kpiToken, noBorder }: KPITokenCardProps) => {
+export const KPITokenCard = ({
+    kpiToken,
+    noBorder,
+    onResolved,
+}: KPITokenCardProps) => {
     const { loading, resolvedKPIToken } = useResolvedKPIToken(kpiToken);
 
+    useEffect(() => {
+        if (loading || !resolvedKPIToken || !onResolved) return;
+        onResolved(resolvedKPIToken);
+    }, [loading, resolvedKPIToken, onResolved]);
+
     return (
         <Card className={{ root: rootStyles({ noBorder }) }}>
             <CardTitle>