[#334] Correctifs (!32)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
| 334 |   Correctifs  |

## Description de la PR

## Modification du .env

## Check list

- [x] Pas de régression
- [ ] TU/TI/TF rédigée
- [x] TU/TI/TF OK
- [x] CHANGELOG modifié

Reviewed-on: #32
Co-authored-by: Matteo <matteo@yuno.malio.fr>
Co-committed-by: Matteo <matteo@yuno.malio.fr>

frontend/components/address.vue

@@ -8,11 +8,12 @@
             </div>
 
             <button
-                class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
+                class="inline-flex items-center justify-center text-xl text-white uppercase bg-primary-500 h-[50px] px-8 rounded hover:opacity-80 gap-2"
                 type="submit"
                 :disabled="isLoading"
             >
-                {{ props.address? "Sauvegarder" : "Ajouter" }}
+                <Icon :name="props.address ? 'mdi:check' : 'mdi:plus'" size="28" />
+                {{ props.address? "Valider" : "Ajouter" }}
             </button>
         </div>
 
@@ -22,7 +23,7 @@
             <UiTextInput id="address-street2" v-model="form.street2" label="Complément" />
             <UiTextInput id="address-postalCode" v-model="form.postalCode" label="Code postal" />
             <UiTextInput id="address-city" v-model="form.city" label="Ville" />
-            <UiTextInput id="address-country" v-model="form.countryCode" label="Pays" />
+            <UiTextInput id="address-country" v-model="form.countryCode" label="Pays (code)" />
         </div>
     </form>
 </template>

frontend/components/reception/reception-bovine-received.vue

@@ -27,11 +27,14 @@
                 />
             </div>
         </div>
-        <button
-            class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
-            @click="goNext"
-        >Valider
-        </button>
+        <div class="flex justify-center">
+            <UiButton
+                type="submit"
+                class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
+                @click="goNext"
+            >Valider
+            </UiButton>
+        </div>
     </div>
 </template>
 <script setup lang="ts">

frontend/components/reception/reception-product-received.vue

@@ -64,11 +64,14 @@
                 </div>
             </div>
         </div>
-        <button
-            class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
-            @click="goNext"
-        >Valider
-        </button>
+        <div class="flex justify-center">
+            <UiButton
+                type="submit"
+                class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
+                @click="goNext"
+            >Valider
+            </UiButton>
+        </div>
     </div>
 </template>
 

frontend/components/shipment/shipment-form.vue

@@ -92,7 +92,7 @@
             <!-- Plaque d'immatriculation (hors LIOT)        -->
             <div v-if="!isLiotCarrier" class="col-start-2 row-start-4">
                 <UiLicensePlateInput
-                    v-model="form.licencePlate"
+                    v-model="form.licensePlate"
                     v-model:allowAny="allowAnyLicensePlate"
                 />
             </div>
@@ -193,7 +193,7 @@ const form = reactive<ShipmentFormData>({
     carrierId: '',
     driverId: '',
     vehicleId: '',
-    licencePlate: '',
+    licensePlate: '',
 })
 // Adresses liées au client sélectionné
 const customerAddresses = computed<AddressData[]>(() => {
@@ -315,7 +315,7 @@ watch(
     () => shipmentStore.current,
     (shipment) => {
         isHydrating.value = true
-        form.licencePlate = shipment?.licencePlate ?? ''
+        form.licensePlate = shipment?.licensePlate ?? ''
         form.shipmentDate = shipment?.shipmentDate ?? new Date().toISOString().slice(0, 10)
         form.userId = shipment?.user?.id ? String(shipment.user.id) :
             form.userId
@@ -441,19 +441,19 @@ watch(
             (vehicle) => String(vehicle.id) === form.vehicleId
         )
         if (selected) {
-            form.licencePlate = selected.plate
+            form.licensePlate = selected.plate
             allowAnyLicensePlate.value = false
         }
     }
 )
 watch(
-    () => [form.licencePlate, form.carrierId, vehicles.value],
+    () => [form.licensePlate, form.carrierId, vehicles.value],
     () => {
         if (!isLiotCarrier.value || form.vehicleId) {
             return
         }
         const match = filteredVehicles.value.find(
-            (vehicle) => vehicle.plate === form.licencePlate
+            (vehicle) => vehicle.plate === form.licensePlate
         )
         if (match) {
             form.vehicleId = String(match.id)
@@ -462,7 +462,7 @@ watch(
 )
 
 const buildPayload = () => {
-    const normalizedLicensePlate = form.licencePlate.trim()
+    const normalizedLicensePlate = form.licensePlate.trim()
     const normalizedShipmentDate = form.shipmentDate.trim()
     const normalizedCustomerId = form.customerId.trim()
     const normalizedTruckId = form.truckId.trim()
@@ -498,7 +498,7 @@ const buildPayload = () => {
         Math.trunc(rawQuantity)) : 0
 
     return {
-        licencePlate: normalizedLicensePlate,
+        licensePlate: normalizedLicensePlate,
         shipmentDate: normalizedShipmentDate,
         customer: customerIri,
         truck: truckIri,

frontend/components/shipment/shipment-weight.vue

@@ -75,7 +75,7 @@ const printReceipt = async () => {
 
     await saveWeight()
     const shipment = shipmentStore.current
-    const filename = `${shipment.identificationNumber ?? shipment.id}_${shipment.customer?.label ?? 'client'}_${shipment.licencePlate ?? 'immat'}.pdf`
+    const filename = `${shipment.identificationNumber ?? shipment.id}_${shipment.customer?.label ?? 'client'}_${shipment.licensePlate ?? 'immat'}.pdf`
     await printPdf(`/shipments/${shipment.id}/receipt`, filename)
 
     // Laisse le temps a la boite de dialogue d'impression de s'ouvrir.