fixed the dega-api issue

factly · Sep 4, 2022 · 348f669 · 348f669
1 parent dffb1e6
commit 348f669
Showing 1 changed file with 27 additions and 3 deletions.
diff --git a/studio/src/pages/claims/CreateClaim.js b/studio/src/pages/claims/CreateClaim.js
@@ -1,9 +1,10 @@
 import React from 'react';
 import ClaimCreateForm from './components/ClaimForm';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import { createClaim } from '../../actions/claims';
-import { useHistory } from 'react-router-dom';
+import { Link, useHistory } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
+import { Button, Result } from 'antd';
 
 function CreateClaim() {
   const history = useHistory();
@@ -12,10 +13,33 @@ function CreateClaim() {
   const onCreate = (values) => {
     dispatch(createClaim(values)).then(() => history.push('/claims'));
   };
+
+  const { claimantsCount } = useSelector(({ claimants }) => {
+    return {
+      claimantsCount: (claimants?.req?.[0]?.data) ? claimants?.req?.[0]?.data : 0
+    }
+  })
+
   return (
     <>
       <Helmet title={'Create Claim'} />
-      <ClaimCreateForm onCreate={onCreate} />
+      {
+        claimantsCount ? (
+          <ClaimCreateForm onCreate={onCreate} />
+        )
+        : (
+          <Result
+            status={"403"}
+            title={"Please create a claimant."}
+            subTitle="You cannot create a claim without a claimant."
+            extra={
+              <Link to="/claimants/create">
+                <Button type="primary">Create claimant</Button>
+              </Link>
+            }
+          />
+        )
+      }
     </>
   );
 }