From 8f886652c49a2bfbd5ff524766d39a14e662e488 Mon Sep 17 00:00:00 2001
From: Jason Syrotuck <jasyrotuck@gmail.com>
Date: Thu, 19 Oct 2023 10:38:44 -0700
Subject: [PATCH] show invitation url on the screen

actionCreator is being called over and over again.
---
 .../Forms/verifiableCredentials/CreateInvitation.js        | 5 +++--
 .../verifiableCredentials/createInvitationModal.js         | 7 ++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/services/minespace-web/src/components/Forms/verifiableCredentials/CreateInvitation.js b/services/minespace-web/src/components/Forms/verifiableCredentials/CreateInvitation.js
index 43b201489f..79022c0229 100644
--- a/services/minespace-web/src/components/Forms/verifiableCredentials/CreateInvitation.js
+++ b/services/minespace-web/src/components/Forms/verifiableCredentials/CreateInvitation.js
@@ -14,7 +14,7 @@ const propTypes = {
   submitting: PropTypes.bool.isRequired,
   partyGuid: PropTypes.string.isRequired,
   partyName: PropTypes.string.isRequired,
-  invitation: PropTypes.any.isRequired,
+  invitation: PropTypes.any,
 };
 
 export class CreateInvitationForm extends Component {
@@ -42,7 +42,8 @@ export class CreateInvitationForm extends Component {
           Copy to Clipboard
         </Button>
         <br />
-        <p></p>
+        <br />
+        <p>{this.props.invitation.invitation_url}</p>
 
         <Popconfirm
           placement="topRight"
diff --git a/services/minespace-web/src/components/modalContent/verifiableCredentials/createInvitationModal.js b/services/minespace-web/src/components/modalContent/verifiableCredentials/createInvitationModal.js
index 0c731d557e..ad1ed9dd45 100644
--- a/services/minespace-web/src/components/modalContent/verifiableCredentials/createInvitationModal.js
+++ b/services/minespace-web/src/components/modalContent/verifiableCredentials/createInvitationModal.js
@@ -9,16 +9,17 @@ import CreateInvitationForm from "@/components/Forms/verifiableCredentials/Creat
 const propTypes = {
   closeModal: PropTypes.func.isRequired,
   createVCWalletInvitation: PropTypes.func.isRequired,
+  invitation: PropTypes.any,
   partyGuid: PropTypes.string.isRequired,
   partyName: PropTypes.string.isRequired,
 };
 
 const defaultProps = {
-  variance: {},
+  invitation: {},
 };
 
 export class CreateInvitationModal extends Component {
-  state = { isLoaded: false, invitation: {} };
+  state = { isLoaded: false };
 
   render() {
     return (
@@ -28,7 +29,7 @@ export class CreateInvitationModal extends Component {
           closeModal={this.props.closeModal}
           partyGuid={this.props.partyGuid}
           partyName={this.props.partyName}
-          invitation={this.state.invitation}
+          invitation={this.props.invitation}
         />
       </div>
     );