From 9dbfd102056310d70e6f11cf49a60226a584b616 Mon Sep 17 00:00:00 2001
From: jordan <jordan.lesich@gmail.com>
Date: Fri, 9 Aug 2024 07:52:55 -0700
Subject: [PATCH] hide facilitator approve until needed

---
 src/components/grant/FacilitatorActions.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/grant/FacilitatorActions.tsx b/src/components/grant/FacilitatorActions.tsx
index 2847ffb2..51d8e02b 100644
--- a/src/components/grant/FacilitatorActions.tsx
+++ b/src/components/grant/FacilitatorActions.tsx
@@ -2,16 +2,28 @@ import { Button, Stack, Text } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { IconPlus } from '@tabler/icons-react';
 import { FacilitatorApprovalDrawer } from './FacilitatorApprovalDrawer';
+import { useGrant } from '../../hooks/useGrant';
+import { GameStatus, GrantStatus } from '../../types/common';
 
 export const FacilitatorActions = () => {
   const [approvalOpened, { open: openApprove, close: closeApprove }] =
     useDisclosure();
+
+  const { grant } = useGrant();
+
+  const isReadyToApprove = grant?.status === GrantStatus.MilestonesApproved;
   return (
     <>
       <Stack pos="fixed" top={'260px'} gap="sm">
-        <Button variant="menu" leftSection={<IconPlus />} onClick={openApprove}>
-          <Text>Review Grantee</Text>
-        </Button>
+        {isReadyToApprove && (
+          <Button
+            variant="menu"
+            leftSection={<IconPlus />}
+            onClick={openApprove}
+          >
+            <Text>Review Grantee</Text>
+          </Button>
+        )}
       </Stack>
       <FacilitatorApprovalDrawer
         opened={approvalOpened}