From 35d624dd74132011427bfe4ab28df679c65f763f Mon Sep 17 00:00:00 2001
From: greta <gretadoci@gmail.com>
Date: Wed, 8 Jan 2025 17:16:49 +0100
Subject: [PATCH] fixup! feat:select existing talk roomfor convesations

Signed-off-by: greta <gretadoci@gmail.com>
---
 src/views/EditSidebar.vue | 48 +++++++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 20 deletions(-)

diff --git a/src/views/EditSidebar.vue b/src/views/EditSidebar.vue
index 512e7c4e9..000c4580e 100644
--- a/src/views/EditSidebar.vue
+++ b/src/views/EditSidebar.vue
@@ -83,27 +83,28 @@
 				@update-end-timezone="updateEndTimezone"
 				@toggle-all-day="toggleAllDay" />
 			<div class="location-container">
-				<PropertyText class="property-location"
-					:is-read-only="isReadOnly"
-					:prop-model="rfcProps.location"
-					:value="location"
-					:linkify-links="true"
-					@update:value="updateLocation" />
 				<AddTalkModal v-if="isModalOpen"
 					:conversations="talkConversations"
 					:calendar-object-instance="calendarObjectInstance"
 					@close="closeModal"
 					@update-location="updateLocation"
 					@update-description="updateDescription" />
-				<NcButton :disabled="isCreateTalkRoomButtonDisabled"
-					class="add-talk-button"
-					@click="openModal">
-					<template #icon>
-						<IconCheck :size="16" />
-					</template>
-					{{ t('calendar','Add Talk') }}
-				</NcButton>
+				<div class="button-container">
+					<IconVideo :size="20" class="icon-left" />
+					<NcButton type="tertiary"
+						class="add-talk-button"
+						:disabled="isCreateTalkRoomButtonDisabled"
+						@click="openModal">
+						{{ t('calendar','Add Talk conversation') }}
+					</NcButton>
+				</div>
 			</div>
+			<PropertyText class="property-location"
+				:is-read-only="isReadOnly"
+				:prop-model="rfcProps.location"
+				:value="location"
+				:linkify-links="true"
+				@update:value="updateLocation" />
 			<PropertyText class="property-description"
 				:is-read-only="isReadOnly"
 				:prop-model="rfcProps.description"
@@ -332,7 +333,7 @@ import { mapStores, mapState } from 'pinia'
 import AddTalkModal from '../components/Editor/AddTalkModal.vue'
 import { createTalkRoom, doesContainTalkLink } from '../services/talkService.js'
 import { showError, showSuccess } from '@nextcloud/dialogs'
-import IconCheck from 'vue-material-design-icons/Check.vue'
+import IconVideo from 'vue-material-design-icons/Video.vue'
 
 export default {
 	name: 'EditSidebar',
@@ -368,7 +369,7 @@ export default {
 		AttachmentsList,
 		CalendarPickerHeader,
 		PropertyTitle,
-		IconCheck,
+		IconVideo,
 	},
 	mixins: [
 		EditorMixin,
@@ -766,17 +767,24 @@ export default {
 	height: auto;
 	border-radius: var(--border-radius);
 }
-.location-container{
+.location-container {
 	display: flex;
-	align-items: center;
-	gap: 4px;
+	flex-direction: column;
 	width: 100%;
 }
+.button-container {
+	display: flex;
+	align-items: center;
+	margin-top: 10px;
+}
+.icon-left {
+	margin-left: 3px;
+}
 .add-talk-button {
 	flex-shrink: 0;
+	margin-left: 2px;
 }
 .property-location {
-	margin-top: 10px;
 	flex-grow: 1;
 }
 .property-description {