diff options
Diffstat (limited to 'apps/comments/src')
-rw-r--r-- | apps/comments/src/comments-activity-tab.ts | 6 | ||||
-rw-r--r-- | apps/comments/src/components/Comment.vue | 14 | ||||
-rw-r--r-- | apps/comments/src/views/Comments.vue | 18 |
3 files changed, 18 insertions, 20 deletions
diff --git a/apps/comments/src/comments-activity-tab.ts b/apps/comments/src/comments-activity-tab.ts index f092f2b8f5b..77f6c9bca04 100644 --- a/apps/comments/src/comments-activity-tab.ts +++ b/apps/comments/src/comments-activity-tab.ts @@ -19,7 +19,7 @@ let ActivityTabPluginInstance */ export function registerCommentsPlugins() { window.OCA.Activity.registerSidebarAction({ - mount: async (el, { context, fileInfo, reload }) => { + mount: async (el, { fileInfo, reload }) => { const pinia = createPinia() if (!ActivityTabPluginView) { @@ -29,7 +29,6 @@ export function registerCommentsPlugins() { } ActivityTabPluginInstance = new ActivityTabPluginView({ el, - parent: context, pinia, propsData: { reloadCallback: reload, @@ -58,10 +57,9 @@ export function registerCommentsPlugins() { timestamp: moment(comment.props?.creationDateTime).toDate().getTime(), - mount(element: HTMLElement, { context, reload }) { + mount(element: HTMLElement, { reload }) { this._CommentsViewInstance = new CommentsViewObject({ el: element, - parent: context, propsData: { comment, resourceId: fileInfo.id, diff --git a/apps/comments/src/components/Comment.vue b/apps/comments/src/components/Comment.vue index fb08778b9d2..80f035530fb 100644 --- a/apps/comments/src/components/Comment.vue +++ b/apps/comments/src/components/Comment.vue @@ -26,7 +26,7 @@ <NcActionButton close-after-click @click="onEdit"> <template #icon> - <IconEdit :size="20" /> + <IconPencilOutline :size="20" /> </template> {{ t('comments', 'Edit comment') }} </NcActionButton> @@ -34,7 +34,7 @@ <NcActionButton close-after-click @click="onDeleteWithUndo"> <template #icon> - <IconDelete :size="20" /> + <IconTrashCanOutline :size="20" /> </template> {{ t('comments', 'Delete comment') }} </NcActionButton> @@ -115,8 +115,8 @@ import NcUserBubble from '@nextcloud/vue/components/NcUserBubble' import IconArrowRight from 'vue-material-design-icons/ArrowRight.vue' import IconClose from 'vue-material-design-icons/Close.vue' -import IconDelete from 'vue-material-design-icons/Delete.vue' -import IconEdit from 'vue-material-design-icons/Pencil.vue' +import IconTrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue' +import IconPencilOutline from 'vue-material-design-icons/PencilOutline.vue' import CommentMixin from '../mixins/CommentMixin.js' import { mapStores } from 'pinia' @@ -132,8 +132,8 @@ export default { components: { IconArrowRight, IconClose, - IconDelete, - IconEdit, + IconTrashCanOutline, + IconPencilOutline, NcActionButton, NcActions, NcActionSeparator, @@ -364,7 +364,7 @@ $comment-padding: 10px; &__message { white-space: pre-wrap; - word-break: break-word; + word-break: normal; max-height: 70px; overflow: hidden; margin-top: -6px; diff --git a/apps/comments/src/views/Comments.vue b/apps/comments/src/views/Comments.vue index b4128536123..657af888a12 100644 --- a/apps/comments/src/views/Comments.vue +++ b/apps/comments/src/views/Comments.vue @@ -22,7 +22,7 @@ class="comments__empty" :name="t('comments', 'No comments yet, start the conversation!')"> <template #icon> - <MessageReplyTextIcon /> + <IconMessageReplyTextOutline /> </template> </NcEmptyContent> <ul v-else> @@ -51,12 +51,12 @@ <template v-else-if="error"> <NcEmptyContent class="comments__error" :name="error"> <template #icon> - <AlertCircleOutlineIcon /> + <IconAlertCircleOutline /> </template> </NcEmptyContent> <NcButton class="comments__retry" @click="getComments"> <template #icon> - <RefreshIcon /> + <IconRefresh /> </template> {{ t('comments', 'Retry') }} </NcButton> @@ -72,9 +72,9 @@ import { vElementVisibility as elementVisibility } from '@vueuse/components' import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent' import NcButton from '@nextcloud/vue/components/NcButton' -import RefreshIcon from 'vue-material-design-icons/Refresh.vue' -import MessageReplyTextIcon from 'vue-material-design-icons/MessageReplyText.vue' -import AlertCircleOutlineIcon from 'vue-material-design-icons/AlertCircleOutline.vue' +import IconRefresh from 'vue-material-design-icons/Refresh.vue' +import IconMessageReplyTextOutline from 'vue-material-design-icons/MessageReplyTextOutline.vue' +import IconAlertCircleOutline from 'vue-material-design-icons/AlertCircleOutline.vue' import Comment from '../components/Comment.vue' import CommentView from '../mixins/CommentView' @@ -89,9 +89,9 @@ export default { Comment, NcEmptyContent, NcButton, - RefreshIcon, - MessageReplyTextIcon, - AlertCircleOutlineIcon, + IconRefresh, + IconMessageReplyTextOutline, + IconAlertCircleOutline, }, directives: { |