fix(migration): show error messages during CSV mapping step

The error Message was only rendered inside the upload step div, so
preview/import failures during the mapping step were invisible to
users. Move it above the step-conditional sections and remove dead
preview-errors template code.
This commit is contained in:
kolaente 2026-03-05 11:23:07 +01:00
parent 0dd62b6a4f
commit ada0dc1ffa
1 changed files with 8 additions and 20 deletions

View File

@ -3,18 +3,19 @@
<h1>{{ $t('migrate.titleService', {name: 'CSV'}) }}</h1>
<p>{{ $t('migrate.csv.description') }}</p>
<Message
v-if="error"
variant="danger"
class="mbe-4"
>
{{ error }}
</Message>
<!-- Step 1: File Upload -->
<div
v-if="step === 'upload'"
class="upload-step"
>
<Message
v-if="error"
variant="danger"
class="mbe-4"
>
{{ error }}
</Message>
<p>{{ $t('migrate.csv.uploadDescription') }}</p>
<input
ref="uploadInput"
@ -123,15 +124,6 @@
<h3>{{ $t('migrate.csv.preview') }}</h3>
<p>{{ $t('migrate.csv.previewDescription', {count: previewResult.total_rows}) }}</p>
<div
v-if="previewResult.errors && previewResult.errors.length > 0"
class="preview-errors"
>
<Message variant="warning">
{{ $t('migrate.csv.previewErrors', {count: previewResult.error_count}) }}
</Message>
</div>
<div class="preview-tasks">
<div
v-for="(task, index) in previewResult.tasks"
@ -474,10 +466,6 @@ function resetToUpload() {
}
}
.preview-errors {
margin-block: 1rem;
}
.preview-tasks {
display: flex;
flex-direction: column;