fix

src/features/badge/components/BadgeItem.vue

@@ -38,7 +38,12 @@ function getIconPath() {
 
 <template>
     <div class="badge">
-        <div class="badge-background" :class="{ 'clickable' : !viewMode && !inactive, 'inactive' : inactive }" @mouseup.stop @click="onClick">
+        <div
+            class="badge-background"
+            :class="{ 'clickable' : !viewMode && !inactive, 'inactive' : inactive }"
+            @mouseup.stop
+            @click="onClick"
+        >
             <div v-if="!inactive" class="badge-image">
                 <img v-if="!invalid" src="/img/badge/shape.svg" class="image-shape" alt="badge">
                 <img v-if="invalid" src="/img/badge/shape-grey.svg" class="image-shape" alt="badge">

src/features/forms/components/inputs/badges/components/IconPicker.vue

@@ -15,17 +15,12 @@ function openIconModal() {
     editorStore.iconModal = true;
 }
 
-const icon = computed(() => {
-    if (props.inputValue.endsWith('.svg')) return props.inputValue;
-    return `${iconsPath}/${props.inputValue}.svg`;
-});
-
 </script>
 
 <template>
     <label v-if="label !== ''" class="input-label" :for="label">{{ label }}</label>
     <div :id="label" class="container">
-        <BadgeItem :icon="icon" :view-mode="true" :inactive="!inputValue" />
+        <BadgeItem :icon="inputValue" :view-mode="true" :inactive="!inputValue" />
         <button class="btn btn-form" @click="openIconModal">
             <i class="icon-plus"></i>
             Modifier l'icône