fix: create certificate button

CheesecakeLabs · Dec 7, 2023 · add606d · add606d
1 parent 68540f6
commit add606d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 12 deletions.
diff --git a/frontend/src/app/core/pages/contracts/index.tsx b/frontend/src/app/core/pages/contracts/index.tsx
@@ -10,12 +10,16 @@ import { ContractsTemplate } from 'components/templates/contracts'
 
 export const Contracts: React.FC = () => {
   const { loading, getContracts, contracts } = useContracts()
-  const { userPermissions, getUserPermissions } = useAuth()
+  const { userPermissions, profile, getProfile, getUserPermissions } = useAuth()
 
   useEffect(() => {
     getContracts()
   }, [getContracts])
 
+  useEffect(() => {
+    getProfile()
+  }, [getProfile])
+
   useEffect(() => {
     getUserPermissions()
   }, [getUserPermissions])
@@ -27,6 +31,7 @@ export const Contracts: React.FC = () => {
           loading={loading}
           contracts={contracts}
           userPermissions={userPermissions}
+          profile={profile}
         />
       </Sidebar>
     </Flex>

diff --git a/frontend/src/components/templates/contracts/index.tsx b/frontend/src/components/templates/contracts/index.tsx
@@ -31,12 +31,14 @@ interface IContractsTemplate {
   loading: boolean
   contracts: Hooks.UseContractsTypes.IContract[] | undefined
   userPermissions: Hooks.UseAuthTypes.IUserPermission[] | undefined
+  profile: Hooks.UseAuthTypes.IUserDto | undefined
 }
 
 export const ContractsTemplate: React.FC<IContractsTemplate> = ({
   loading,
   contracts,
   userPermissions,
+  profile,
 }) => {
   const navigate = useNavigate()
 
@@ -47,17 +49,18 @@ export const ContractsTemplate: React.FC<IContractsTemplate> = ({
           <Text fontSize="2xl" fontWeight="400">
             Certificate of Deposits
           </Text>
-          {havePermission(Permissions.CREATE_CERTIFICATES, userPermissions) && (
-            <Button
-              variant="primary"
-              leftIcon={<NewIcon />}
-              onClick={(): void =>
-                navigate({ pathname: PathRoute.CONTRACT_CREATE })
-              }
-            >
-              New Certificate of Deposit
-            </Button>
-          )}
+          {havePermission(Permissions.CREATE_CERTIFICATES, userPermissions) &&
+            profile?.vault_id && (
+              <Button
+                variant="primary"
+                leftIcon={<NewIcon />}
+                onClick={(): void =>
+                  navigate({ pathname: PathRoute.CONTRACT_CREATE })
+                }
+              >
+                New Certificate of Deposit
+              </Button>
+            )}
         </Flex>
         <Container variant="primary" p={0} maxW="full">
           {loading ? (