pkp/pkp-lib#10444 Add modalStyle to new dialogs related to user invit…

…ations

src/managers/UserInvitationManager/UserInvitationManagerStore.js

@@ -105,6 +105,7 @@ export const useUserInvitationManagerStore = defineComponentStore(
 						},
 					},
 				],
+				modalStyle: 'primary',
 			});
 		}
 
@@ -135,7 +136,7 @@ export const useUserInvitationManagerStore = defineComponentStore(
 				actions: [
 					{
 						label: t('invitation.cancelInvite.title'),
-						isPrimary: true,
+						isWarnable: true,
 						callback: async (close) => {
 							const {apiUrl: cancelApiUrl} = useUrl(
 								`invitations/${invitationObj.id}/cancel`,
@@ -154,12 +155,12 @@ export const useUserInvitationManagerStore = defineComponentStore(
 					},
 					{
 						label: t('common.cancel'),
-						isWarnable: true,
 						callback: (close) => {
 							close();
 						},
 					},
 				],
+				modalStyle: 'negative',
 			});
 		}
 

src/mixins/dialog.mdx

@@ -36,7 +36,8 @@ export default {
 			],
 			close: () => {
 				// dialog has been closed
-			}
+			},
+			modalStyle: 'primary',
 		});
 	}
 }
@@ -58,6 +59,7 @@ The `openDialog()` method accepts a configuration object with the following para
 | `title` | A localized title to display in the dialog. |
 | `message` | A localized message to display in the dialog. |
 | `close` | A callback function that will be fired when the dialog is closed. |
+| `modalStyle` | The visual style of the modal: 'basic' (no border style)', 'primary', 'negative', or 'success'. |
 | `actions` | An array of buttons to add to the dialog. |
 | `actions[0].label` | The label for the button. |
 | `actions[0].callback` | A callback function that will be fired when the button is pressed. |

src/pages/acceptInvitation/AcceptInvitationPageStore.js

@@ -71,6 +71,7 @@ export const useAcceptInvitationPageStore = defineComponentStore(
 						const {redirectToPage} = useUrl('submissions');
 						redirectToPage();
 					},
+					modalStyle: 'negative',
 				});
 			} else {
 				email.value = data.value.email;
@@ -394,6 +395,7 @@ export const useAcceptInvitationPageStore = defineComponentStore(
 						},
 					},
 				],
+				modalStyle: 'negative',
 			});
 		}
 

src/pages/userInvitation/UserInvitationPageStore.js

@@ -353,6 +353,7 @@ export const useUserInvitationPageStore = defineComponentStore(
 						},
 					},
 				],
+				modalStyle: 'negative',
 			});
 		}
 

src/pages/userInvitation/UserInvitationUserGroupsTable.vue

@@ -216,6 +216,7 @@ function removeUserGroup(userGroup, index) {
 				},
 			},
 		],
+		modalStyle: 'negative',
 	});
 }