Merge pull request 'Refactor GroupsPage: Replace VButton and VIcon components with standard HTML button and SVG for improved compatibility and maintainability. Added console logs for better debugging during the create list dialog flow.' (#42) from ph4 into prod

Reviewed-on: #42
This commit is contained in:
mo 2025-06-01 20:00:16 +02:00
commit d23219fd60

View File

@ -31,10 +31,12 @@
<div v-for="group in groups" :key="group.id" class="neo-group-card" @click="selectGroup(group)">
<h1 class="neo-group-header">{{ group.name }}</h1>
<div class="neo-group-actions">
<VButton variant="secondary" size="sm" @click.stop="openCreateListDialog(group)">
<VIcon name="plus" class="mr-1" />
<button class="btn btn-sm btn-secondary" @click.stop="openCreateListDialog(group)">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-plus" />
</svg>
List
</VButton>
</button>
</div>
</div>
<div class="neo-create-group-card" @click="openCreateGroupDialog">
@ -268,13 +270,16 @@ const selectGroup = (group: Group) => {
};
const openCreateListDialog = (group: Group) => {
console.log('Opening create list dialog for group:', group);
// Ensure we have the latest groups data
fetchGroups().then(() => {
console.log('Setting up modal with group:', group);
availableGroupsForModal.value = [{
label: group.name,
value: group.id
}];
showCreateListModal.value = true;
console.log('Modal should be visible now:', showCreateListModal.value);
});
};