feat: enhance message handling and UI improvements across components

This commit is contained in:
2026-06-14 20:53:54 +02:00 Unverified
parent 038a399e93
commit 21c76ce905
7 changed files with 175 additions and 247 deletions
+3 -25
View File
@@ -10,8 +10,6 @@ useHead({ title: 'Nuova segnalazione - Visione' })
const router = useRouter()
const { createReport, uploadMedia } = useReports()
const { getCategories } = useAdmin()
const { user } = useAuth()
const { data: categoriesData } = await useAsyncData('categories', () => getCategories())
const categories = computed(() => categoriesData.value?.categories || [])
@@ -67,35 +65,15 @@ const handleReportSubmit = async (reportData: CreateReportRequest, mediaFiles: F
</div>
<div class="container my-5">
<div class="row g-4">
<div class="col-12 col-lg-8">
<div v-if="errorMessage" class="alert alert-danger alert-dismissible fade show" role="alert">
<div class="row justify-content-center">
<div class="col-12 col-xl-10">
<div v-if="errorMessage" class="alert alert-danger alert-dismissible fade show mb-4" role="alert">
{{ errorMessage }}
<button type="button" class="btn-close" aria-label="Chiudi" @click="errorMessage = ''"></button>
</div>
<ReportForm :categories="categories" :is-loading="isLoading" @submit="handleReportSubmit" />
</div>
<aside class="col-12 col-lg-4">
<div class="card card-bg mb-4">
<div class="card-body">
<h2 class="h6 card-title mb-3">Account segnalante</h2>
<p class="mb-1"><strong>{{ user?.first_name }} {{ user?.last_name }}</strong></p>
<p class="small text-muted mb-0">{{ user?.email }}</p>
</div>
</div>
<div class="callout callout-highlight callout-primary">
<div class="callout-title d-flex align-items-center">
<BIIcon name="it-info-circle" size="sm" color="primary" class="me-2" />
Privacy
</div>
<p>
I tuoi dati personali non saranno pubblicati. Gli operatori li useranno solo per gestire la segnalazione.
</p>
</div>
</aside>
</div>
</div>
</div>