Merge pull request 'Refactor: Replace button elements with VButton and VIcon components in GroupsPage' (#39) from ph4 into prod

Reviewed-on: #39
This commit is contained in:
mo 2025-06-01 19:51:23 +02:00
commit b5f16a3d0d

View File

@ -31,12 +31,10 @@
<div v-for="group in groups" :key="group.id" class="neo-group-card" @click="selectGroup(group)"> <div v-for="group in groups" :key="group.id" class="neo-group-card" @click="selectGroup(group)">
<h1 class="neo-group-header">{{ group.name }}</h1> <h1 class="neo-group-header">{{ group.name }}</h1>
<div class="neo-group-actions"> <div class="neo-group-actions">
<button class="btn btn-sm btn-secondary" @click.stop="openCreateListDialog(group)"> <VButton variant="secondary" size="sm" @click.stop="openCreateListDialog(group)">
<svg class="icon" aria-hidden="true"> <VIcon name="plus" class="mr-1" />
<use xlink:href="#icon-plus" />
</svg>
List List
</button> </VButton>
</div> </div>
</div> </div>
<div class="neo-create-group-card" @click="openCreateGroupDialog"> <div class="neo-create-group-card" @click="openCreateGroupDialog">
@ -116,6 +114,8 @@ import { useStorage } from '@vueuse/core';
import { onClickOutside } from '@vueuse/core'; import { onClickOutside } from '@vueuse/core';
import { useNotificationStore } from '@/stores/notifications'; import { useNotificationStore } from '@/stores/notifications';
import CreateListModal from '@/components/CreateListModal.vue'; import CreateListModal from '@/components/CreateListModal.vue';
import VButton from '@/components/valerie/VButton.vue';
import VIcon from '@/components/valerie/VIcon.vue';
interface Group { interface Group {
id: number; id: number;