summaryrefslogtreecommitdiffstats
path: root/src/components/MembersList
diff options
context:
space:
mode:
authorgreta <gretadoci@gmail.com>2022-08-01 19:17:50 +0200
committergreta <gretadoci@gmail.com>2022-08-02 15:50:06 +0200
commit0bb87fa43f96070dcbbb9ba30aafb7b90eb70735 (patch)
treeea8f587fded040b0d2f6e66b1492f3974e497aef /src/components/MembersList
parent32a95ee9eb888f78abe3ae2755041abb74fbc8c2 (diff)
Migrate leftover icons
Signed-off-by: greta <gretadoci@gmail.com>
Diffstat (limited to 'src/components/MembersList')
-rw-r--r--src/components/MembersList/MembersListItem.vue19
1 files changed, 16 insertions, 3 deletions
diff --git a/src/components/MembersList/MembersListItem.vue b/src/components/MembersList/MembersListItem.vue
index 329f2d84..cb2145c7 100644
--- a/src/components/MembersList/MembersListItem.vue
+++ b/src/components/MembersList/MembersListItem.vue
@@ -38,15 +38,19 @@
<template v-if="!loading && isPendingApproval && circle.canManageMembers">
<Actions>
<ActionButton
- icon="icon-checkmark"
@click="acceptMember">
+ <template #icon>
+ <IconCheck :size="20" />
+ </template>
{{ t('contacts', 'Accept membership request') }}
</ActionButton>
</Actions>
<Actions>
<ActionButton
- icon="icon-close"
@click="deleteMember">
+ <template #icon>
+ <IconClose :size="20" />
+ </template>
{{ t('contacts', 'Reject membership request') }}
</ActionButton>
</Actions>
@@ -85,7 +89,10 @@
:size="16"
decorative />
</ActionButton>
- <ActionButton v-else-if="canDelete" icon="icon-delete" @click="deleteMember">
+ <ActionButton v-else-if="canDelete" @click="deleteMember">
+ <template #icon>
+ <IconDelete :size="20" />
+ </template>
{{ t('contacts', 'Remove member') }}
</ActionButton>
</template>
@@ -101,6 +108,9 @@ import ListItemIcon from '@nextcloud/vue/dist/Components/ListItemIcon'
import ActionSeparator from '@nextcloud/vue/dist/Components/ActionSeparator'
import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
import ActionText from '@nextcloud/vue/dist/Components/ActionText'
+import IconDelete from 'vue-material-design-icons/Delete'
+import IconCheck from 'vue-material-design-icons/Check'
+import IconClose from 'vue-material-design-icons/Close'
import ExitToApp from 'vue-material-design-icons/ExitToApp'
import ShieldCheck from 'vue-material-design-icons/ShieldCheck'
@@ -117,6 +127,9 @@ export default {
ActionButton,
ActionSeparator,
ActionText,
+ IconDelete,
+ IconCheck,
+ IconClose,
ExitToApp,
ListItemIcon,
ShieldCheck,