diff --git a/src/features/badge/components/BadgeItem.vue b/src/features/badge/components/BadgeItem.vue index 86851e0e54c4ceb88dcb834fa88e214b356b6b53..11836c1eec11a174bf9b89f63ea868132d4f02b5 100644 --- a/src/features/badge/components/BadgeItem.vue +++ b/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"> diff --git a/src/features/forms/components/inputs/badges/components/IconPicker.vue b/src/features/forms/components/inputs/badges/components/IconPicker.vue index 93150052c38e88323bb8579dd5a11b32b8bff8a3..b0c6da866d065ecb6ef53bc525a01a52ba843afb 100644 --- a/src/features/forms/components/inputs/badges/components/IconPicker.vue +++ b/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