pkp/pkp-lib#10319 update ORCID ui elements

taslangraham · Sep 4, 2024 · 04a30d3 · 04a30d3
1 parent 6dedc2b
commit 04a30d3
Showing 1 changed file with 22 additions and 12 deletions.
diff --git a/src/components/Form/fields/FieldOrcid.vue b/src/components/Form/fields/FieldOrcid.vue
@@ -41,18 +41,28 @@
 				{{ t('common.delete') }}
 			</PkpButton>
 			<!-- When ORCID is absent -->
-			<PkpButton
-				v-if="!hasOrcid"
-				:disabled="verificationRequested || isButtonDisabled"
-				:icon="verificationRequested ? 'Complete' : null"
-				@click="openSendAuthorEmailDialog"
-			>
-				{{
-					verificationRequested
-						? t('orcid.field.verification.requested')
-						: t('orcid.field.verification.request')
-				}}
-			</PkpButton>
+			<div style="display: inline-flex">
+				<PkpButton
+					v-if="!hasOrcid"
+					:disabled="verificationRequested || isButtonDisabled"
+					:icon="verificationRequested ? 'Complete' : null"
+					:is-link="verificationRequested"
+					@click="openSendAuthorEmailDialog"
+				>
+					{{
+						verificationRequested
+							? t('orcid.field.verification.requested')
+							: t('orcid.field.verification.request')
+					}}
+				</PkpButton>
+				<PkpButton
+					v-if="!hasOrcid && verificationRequested"
+					:is-link="true"
+					@click="openSendAuthorEmailDialog"
+				>
+					{{ t('orcid.field.verification.resendRequest') }}
+				</PkpButton>
+			</div>
 		</div>
 	</div>
 </template>