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
@ -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);
|
||||
});
|
||||
};
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user