diff options
author | Joas Schilling <coding@schilljs.com> | 2022-10-03 16:22:20 +0200 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2022-10-03 16:22:20 +0200 |
commit | f1bd7431abfaa76cea2c8514c58500bfccbf7440 (patch) | |
tree | bca4580cc39f2b0ee61bcd8e127eacbf19853812 /src/components/ConversationSettings/DangerZone.vue | |
parent | 08861758797ab83dacb8a30fb8cf267cfedc0efc (diff) |
Re-group conversation settings
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src/components/ConversationSettings/DangerZone.vue')
-rw-r--r-- | src/components/ConversationSettings/DangerZone.vue | 34 |
1 files changed, 20 insertions, 14 deletions
diff --git a/src/components/ConversationSettings/DangerZone.vue b/src/components/ConversationSettings/DangerZone.vue index 37defac96..3dc4c6337 100644 --- a/src/components/ConversationSettings/DangerZone.vue +++ b/src/components/ConversationSettings/DangerZone.vue @@ -21,22 +21,25 @@ <template> <div> - <div class="app-settings-section__hint"> - {{ t('spreed', 'Be careful, these actions cannot be undone.') }} - </div> + <NcNoteCard type="warning"> + <p>{{ t('spreed', 'Be careful, these actions cannot be undone.') }}</p> + </NcNoteCard> <div class="danger-zone"> - <template v-if="canLeaveConversation"> - <h4>{{ t('spreed', 'Leave conversation') }}</h4> + <div v-if="canLeaveConversation" class="app-settings-subsection"> + <h4 class="app-settings-section__subtitle"> + {{ t('spreed', 'Leave conversation') }} + </h4> <p class="danger-zone__hint"> {{ t('spreed', 'Once a conversation is left, to rejoin a closed conversation, an invite is needed. An open conversation can be rejoined at any time.') }} </p> <NcButton type="warning" @click.prevent.exact="leaveConversation"> {{ t('spreed', 'Leave conversation') }} </NcButton> - </template> - <template v-if="canDeleteConversation"> - <br> - <h4>{{ t('spreed', 'Delete conversation') }}</h4> + </div> + <div v-if="canDeleteConversation" class="app-settings-subsection"> + <h4 class="app-settings-section__subtitle"> + {{ t('spreed', 'Delete conversation') }} + </h4> <p class="danger-zone__hint"> {{ t('spreed', 'Permanently delete this conversation.') }} </p> @@ -44,10 +47,11 @@ @click.prevent.exact="deleteConversation"> {{ t('spreed', 'Delete conversation') }} </NcButton> - </template> - <template v-if="canDeleteConversation"> - <br> - <h4>{{ t('spreed', 'Delete chat messages') }}</h4> + </div> + <div v-if="canDeleteConversation" class="app-settings-subsection"> + <h4 class="app-settings-section__subtitle"> + {{ t('spreed', 'Delete chat messages') }} + </h4> <p class="danger-zone__hint"> {{ t('spreed', 'Permanently delete all the messages in this conversation.') }} </p> @@ -55,7 +59,7 @@ @click.prevent.exact="clearChatHistory"> {{ t('spreed', 'Delete chat messages') }} </NcButton> - </template> + </div> <div /> </div> </div> @@ -65,11 +69,13 @@ import { showError } from '@nextcloud/dialogs' import { emit } from '@nextcloud/event-bus' import NcButton from '@nextcloud/vue/dist/Components/NcButton.js' +import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js' export default { name: 'DangerZone', components: { NcButton, + NcNoteCard, }, props: { conversation: { |