diff options
author | Christoph Wurst <ChristophWurst@users.noreply.github.com> | 2022-06-29 13:42:13 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-29 13:42:13 +0200 |
commit | f6b7c6dc4582294b9c2e47f889a06f80e984bc37 (patch) | |
tree | 7b27a40b6e99734d5631f386b978b7e0492c8f48 /src/components/AppContent | |
parent | 7e1f5c573790da7df78a376462ee12929b174b38 (diff) | |
parent | 0af23a54f0bd21963b4fe88623d6f332db55da7f (diff) |
Merge pull request #2799 from nextcloud/migrate/icons-to-material-design
Migrate EmptyContent contacts icons to material design
Diffstat (limited to 'src/components/AppContent')
-rw-r--r-- | src/components/AppContent/ContactsContent.vue | 28 |
1 files changed, 20 insertions, 8 deletions
diff --git a/src/components/AppContent/ContactsContent.vue b/src/components/AppContent/ContactsContent.vue index 7cd2ef3d..a5dceb2c 100644 --- a/src/components/AppContent/ContactsContent.vue +++ b/src/components/AppContent/ContactsContent.vue @@ -28,26 +28,34 @@ </AppContent> <AppContent v-else-if="isEmptyGroup && !isRealGroup"> - <EmptyContent icon="icon-contacts-dark"> + <EmptyContent> + <template #icon> + <IconContact + :size="20" /> + </template> {{ t('contacts', 'There are no contacts yet') }} <template #desc> - <button class="primary" @click="newContact"> + <Button type="primary" @click="newContact"> {{ t('contacts', 'Create contact') }} - </button> + </Button> </template> </EmptyContent> </AppContent> <AppContent v-else-if="isEmptyGroup && isRealGroup"> - <EmptyContent icon="icon-contacts-dark"> + <EmptyContent> + <template #icon> + <IconContact + :size="20" /> + </template> {{ t('contacts', 'There are no contacts in this group') }} <template #desc> - <button v-if="contacts.length === 0" class="primary" @click="addContactsToGroup(selectedGroup)"> + <Button v-if="contacts.length === 0" type="primary" @click="addContactsToGroup(selectedGroup)"> {{ t('contacts', 'Create contacts') }} - </button> - <button v-else class="primary" @click="addContactsToGroup(selectedGroup)"> + </Button> + <Button v-else type="primary" @click="addContactsToGroup(selectedGroup)"> {{ t('contacts', 'Add contacts') }} - </button> + </Button> </template> </EmptyContent> </AppContent> @@ -68,10 +76,12 @@ <script> import { emit } from '@nextcloud/event-bus' import AppContent from '@nextcloud/vue/dist/Components/AppContent' +import Button from '@nextcloud/vue/dist/Components/Button' import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent' import ContactDetails from '../ContactDetails' import ContactsList from '../ContactsList' +import IconContact from 'vue-material-design-icons/AccountMultiple' import RouterMixin from '../../mixins/RouterMixin' export default { @@ -79,9 +89,11 @@ export default { components: { AppContent, + Button, ContactDetails, ContactsList, EmptyContent, + IconContact, }, mixins: [RouterMixin], |