Fix title in claim modal (#97)

src/features/claims/ClaimModalSubheading.tsx

@@ -1,7 +1,9 @@
+import { useEffect, useState } from "react";
 import { formatNumber } from "../common/utils/formatNumber";
 import { useClaimSelectionStore } from "../votes/store/useClaimSelectionStore";
 
 export const ClaimModalSubheading = ({}: {}) => {
+  const [points, setPoints] = useState<{ total: number; selected: number }>();
   const [pointsClaimableByEpoch, allClaims, selectedClaims] =
     useClaimSelectionStore((state) => [
       state.pointsClaimableByEpoch,
@@ -21,10 +23,19 @@ export const ClaimModalSubheading = ({}: {}) => {
     0,
   );
 
+  // Prevent title from updating when the modal is open
+  useEffect(() => {
+    if (points) return;
+    setPoints({
+      total: totalPointsClaimable,
+      selected: pointsSelected,
+    });
+  }, [totalPointsClaimable, pointsSelected, points]);
+
   return (
     <span>
-      Using {formatNumber(pointsSelected)} out of{" "}
-      {formatNumber(totalPointsClaimable)} points
+      Using {formatNumber(points?.selected)} out of{" "}
+      {formatNumber(points?.total)} points
     </span>
   );
 };