Change edit btn pos

This commit is contained in:
PascalMarchesseault
2025-01-03 15:56:11 -05:00
parent 341103e991
commit 9290c7612c

View File

@@ -1,27 +1,29 @@
<template> <template>
<div v-if="creatorProfileStore.creator.id === brandingStore.value.id" class="flex justify-end space-x-2 mb-5 pa-1">
<!-- Bouton principal : Éditer ou Enregistrer -->
<button
v-if="isLoggedIn"
@click="isEditMode ? saveChanges() : toggleEditMode()"
class="px-4 py-2 rounded-md hover:opacity-90"
:style="{ backgroundColor: brandingStore.colors.secondary, color: brandingStore.colors.onSecondary }"
>
{{ isEditMode ? 'Enregistrer' : 'Éditer' }}
</button>
<button
v-if="isEditMode && isLoggedIn"
@click="cancelEdit"
class="px-4 py-2 rounded-md hover:opacity-90 bg-red-500 text-white"
>
Annuler
</button>
</div>
<div class="flex flex-col space-y-8 px-6 rounded-2xl py-8 shadow-2xl" <div class="flex flex-col space-y-8 px-6 rounded-2xl py-8 shadow-2xl"
:style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }"> :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
<div v-if="creatorProfileStore.creator.id === brandingStore.value.id" class="flex justify-end space-x-2">
<!-- Bouton principal : Éditer ou Enregistrer -->
<button
v-if="isLoggedIn"
@click="isEditMode ? saveChanges() : toggleEditMode()"
class="px-4 py-2 rounded-md hover:opacity-90"
:style="{ backgroundColor: brandingStore.colors.secondary, color: brandingStore.colors.onSecondary }"
>
{{ isEditMode ? 'Enregistrer' : 'Éditer' }}
</button>
<button
v-if="isEditMode && isLoggedIn"
@click="cancelEdit"
class="px-4 py-2 rounded-md hover:opacity-90 bg-red-500 text-white"
>
Annuler
</button>
</div>
<!-- Titre principal --> <!-- Titre principal -->
<div v-if="isEditMode"> <div v-if="isEditMode">
@@ -580,9 +582,7 @@ async function saveChanges() {
isEditMode.value = false; isEditMode.value = false;
// Rafraîchir après une légère pause pour s'assurer des mises à jour visuelles // Rafraîchir après une légère pause pour s'assurer des mises à jour visuelles
setTimeout(() => {
window.location.reload();
}, 500); // Pause de 500ms pour garantir que tout est bien mis à jour
} catch (error) { } catch (error) {
console.error("Erreur lors de la sauvegarde :", error); console.error("Erreur lors de la sauvegarde :", error);
} finally { } finally {