From ca0ac83ac59df5748fbf72f6b15d10844ae91465 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jarda=20Kot=C4=9B=C5=A1ovec?= <jarda.kotesovec@gmail.com>
Date: Tue, 2 Jul 2024 14:43:12 +0200
Subject: [PATCH] pkp/pkp-lib#9992 Address code review feedback

---
 src/components/ListPanel/doi/DoiFailedActionDialogBody.vue  | 4 ++--
 src/components/ListPanel/highlights/HighlightsListPanel.vue | 1 -
 src/components/Modal/SideModal.mdx                          | 2 +-
 src/composables/useModal.mdx                                | 2 +-
 src/pages/submissionWizard/ReconfigureSubmissionModal.vue   | 3 +++
 5 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/ListPanel/doi/DoiFailedActionDialogBody.vue b/src/components/ListPanel/doi/DoiFailedActionDialogBody.vue
index 1bfe1c80f..6f55400b9 100644
--- a/src/components/ListPanel/doi/DoiFailedActionDialogBody.vue
+++ b/src/components/ListPanel/doi/DoiFailedActionDialogBody.vue
@@ -1,7 +1,7 @@
 <template>
 	<p>{{ t('manager.dois.update.partialFailure') }}</p>
-	<ul>
-		<li v-for="errorMessage in failedDoiActions" :key="errorMessage.index">
+	<ul class="list-inside list-disc">
+		<li v-for="(errorMessage, index) in failedDoiActions" :key="index">
 			{{ errorMessage }}
 		</li>
 	</ul>
diff --git a/src/components/ListPanel/highlights/HighlightsListPanel.vue b/src/components/ListPanel/highlights/HighlightsListPanel.vue
index b0afab117..639a9e7ee 100644
--- a/src/components/ListPanel/highlights/HighlightsListPanel.vue
+++ b/src/components/ListPanel/highlights/HighlightsListPanel.vue
@@ -423,4 +423,3 @@ export default {
 	}
 }
 </style>
-./HighlightsEditModal.vue
diff --git a/src/components/Modal/SideModal.mdx b/src/components/Modal/SideModal.mdx
index e3243c5c0..c6180e810 100644
--- a/src/components/Modal/SideModal.mdx
+++ b/src/components/Modal/SideModal.mdx
@@ -17,7 +17,7 @@ Side modal has been introduced in 3.5 all existing modals, including jquery lega
 
 ## Usage
 
-Its important to create modals as separate files, which works best with our [useModal](../?path=/docs/composables-usemodal--docs#opensidemodal) composable. Also having them defined as individual components ensures that the `setup` function and any other component life cycle event are triggered as modal is opened/closed. Therefore its easier to control when for example to fetch data from API.
+It's important to create modals as separate files, which works best with our [useModal](../?path=/docs/composables-usemodal--docs#opensidemodal) composable. Also having them defined as individual components ensures that the `setup` function and any other component life cycle event are triggered as modal is opened/closed. Therefore, it's easier to control when for example to fetch data from API.
 
 ## Accessibility
 
diff --git a/src/composables/useModal.mdx b/src/composables/useModal.mdx
index 79a143055..0d07423cb 100644
--- a/src/composables/useModal.mdx
+++ b/src/composables/useModal.mdx
@@ -4,7 +4,7 @@ import {Primary, Controls, Stories, Meta, ArgTypes} from '@storybook/blocks';
 
 ## openDialog
 
-Dialog purpose is to display simple feedback like success and error messages. Or request confirmation for example before deleting some content. Import `useModal` composable and use the openDialog() method to create a dialog. Check [Dialog](../?path=/docs/components-dialog--docs) component for more details on available props.
+Dialog component's purpose is to display simple feedback like success and error messages. Or request confirmation for example before deleting some content. Import `useModal` composable and use the openDialog() method to create a dialog. Check [Dialog](../?path=/docs/components-dialog--docs) component for more details on available props.
 
 ```html
 <template>
diff --git a/src/pages/submissionWizard/ReconfigureSubmissionModal.vue b/src/pages/submissionWizard/ReconfigureSubmissionModal.vue
index a6bb78f13..c8986082e 100644
--- a/src/pages/submissionWizard/ReconfigureSubmissionModal.vue
+++ b/src/pages/submissionWizard/ReconfigureSubmissionModal.vue
@@ -17,6 +17,9 @@
 import SideModalBody from '@/components/Modal/SideModalBody.vue';
 import SideModalLayoutBasic from '@/components/Modal/SideModalLayoutBasic.vue';
 import PkpForm from '@/components/Form/Form.vue';
+import {useLocalize} from '@/composables/useLocalize';
+
+const {t} = useLocalize();
 
 defineProps({
 	reconfigureSubmissionForm: {type: Object, required: true},