fix : fixed dropdowns ui in webhook section

packages/nc-gui/components/webhook/Editor.vue

@@ -574,7 +574,15 @@ onMounted(async () => {
                   dropdown-class-name="nc-dropdown-webhook-event"
                 >
                   <a-select-option v-for="(event, i) in eventList" :key="i" class="capitalize" :value="event.value.join(' ')">
-                    {{ event.text.join(' ') }}
+                    <div class="flex items-center gap-2 justify-between">
+                      <div>{{ event.text.join(' ') }}</div>
+                      <component
+                        :is="iconMap.check"
+                        v-if="hookRef.eventOperation === event.value.join(' ')"
+                        id="nc-selected-item-icon"
+                        class="text-primary w-4 h-4"
+                      />
+                    </div>
                   </a-select-option>
                 </NcSelect>
               </a-form-item>
@@ -591,7 +599,7 @@ onMounted(async () => {
                   @change="onNotificationTypeChange(true)"
                 >
                   <a-select-option v-for="(notificationOption, i) in notificationList" :key="i" :value="notificationOption.type">
-                    <div class="flex items-center">
+                    <div class="flex items-center gap-2">
                       <component :is="iconMap.link" v-if="notificationOption.type === 'URL'" class="mr-2" />
 
                       <component :is="iconMap.email" v-if="notificationOption.type === 'Email'" class="mr-2" />
@@ -608,7 +616,13 @@ onMounted(async () => {
 
                       <MdiCellphoneMessage v-if="notificationOption.type === 'Twilio'" class="mr-2" />
 
-                      {{ notificationOption.text }}
+                      <div class="flex-1">{{ notificationOption.text }}</div>
+                      <component
+                        :is="iconMap.check"
+                        v-if="hookRef.notification.type === notificationOption.type"
+                        id="nc-selected-item-icon"
+                        class="text-primary w-4 h-4"
+                      />
                     </div>
                   </a-select-option>
                 </NcSelect>
@@ -626,7 +640,15 @@ onMounted(async () => {
                 dropdown-class-name="nc-dropdown-hook-notification-url-method"
               >
                 <a-select-option v-for="(method, i) in methodList" :key="i" :value="method.title">
-                  {{ method.title }}
+                  <div class="flex items-center gap-2 justify-between">
+                    <div>{{ method.title }}</div>
+                    <component
+                      :is="iconMap.check"
+                      v-if="hookRef.notification.payload.method === method.title"
+                      id="nc-selected-item-icon"
+                      class="text-primary w-4 h-4"
+                    />
+                  </div>
                 </a-select-option>
               </NcSelect>
             </a-col>