@gitlab/ui 85.3.1 → 85.4.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [85.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v85.3.1...v85.4.0) (2024-06-26)
+
+
+### Features
+
+* **DuoChat:** update user feedback response ([5c51a3f](https://gitlab.com/gitlab-org/gitlab-ui/commit/5c51a3f8c8c2d04aef7507c3032c3992681a4682))
+
 ## [85.3.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v85.3.0...v85.3.1) (2024-06-26)
 
 

package/dist/components/experimental/duo/user_feedback/user_feedback.js

@@ -1,3 +1,4 @@
+import GlAlert from '../../../base/alert/alert';
 import GlButton from '../../../base/button/button';
 import FeedbackModal from './user_feedback_modal';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
@@ -9,6 +10,7 @@ const i18n = {
 var script = {
   name: 'GlDuoUserFeedback',
   components: {
+    GlAlert,
     GlButton,
     FeedbackModal
   },
@@ -60,7 +62,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-pt-4"},[_c('div',[(!_vm.feedbackReceived)?_c('gl-button',{attrs:{"variant":"link","target":"_blank","href":_vm.feedbackLinkUrl,"button-text-classes":"gl-white-space-normal! gl-text-left"},on:{"click":function($event){_vm.shouldRenderModal && _vm.$refs.feedbackModal.show();}}},[_vm._v(_vm._s(_vm.feedbackLinkText))]):_c('span',{staticClass:"gl-text-gray-500"},[_vm._v("\n      "+_vm._s(_vm.$options.i18n.FEEDBACK_THANKS)+"\n    ")])],1),_vm._v(" "),(_vm.shouldRenderModal)?_c('feedback-modal',{ref:"feedbackModal",on:{"feedback-submitted":_vm.notify},scopedSlots:_vm._u([{key:"feedback-extra-fields",fn:function(){return [_vm._t("feedback-extra-fields")]},proxy:true}],null,true)}):_vm._e()],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-pt-4 gl-w-full"},[_c('div',[(!_vm.feedbackReceived)?_c('gl-button',{attrs:{"variant":"link","target":"_blank","href":_vm.feedbackLinkUrl,"button-text-classes":"gl-white-space-normal! gl-text-left"},on:{"click":function($event){_vm.shouldRenderModal && _vm.$refs.feedbackModal.show();}}},[_vm._v(_vm._s(_vm.feedbackLinkText))]):_c('gl-alert',{attrs:{"variant":"success","dismissible":false}},[_vm._v("\n      "+_vm._s(_vm.$options.i18n.FEEDBACK_THANKS)+"\n    ")])],1),_vm._v(" "),(_vm.shouldRenderModal)?_c('feedback-modal',{ref:"feedbackModal",on:{"feedback-submitted":_vm.notify},scopedSlots:_vm._u([{key:"feedback-extra-fields",fn:function(){return [_vm._t("feedback-extra-fields")]},proxy:true}],null,true)}):_vm._e()],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "85.3.1",
+  "version": "85.4.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/experimental/duo/user_feedback/user_feedback.vue

@@ -1,4 +1,5 @@
 <script>
+import GlAlert from '../../../base/alert/alert.vue';
 import GlButton from '../../../base/button/button.vue';
 import FeedbackModal from './user_feedback_modal.vue';
 
@@ -10,6 +11,7 @@ export const i18n = {
 export default {
   name: 'GlDuoUserFeedback',
   components: {
+    GlAlert,
     GlButton,
     FeedbackModal,
   },
@@ -59,7 +61,7 @@ export default {
 </script>
 
 <template>
-  <div class="gl-pt-4">
+  <div class="gl-pt-4 gl-w-full">
     <div>
       <gl-button
         v-if="!feedbackReceived"
@@ -70,9 +72,9 @@ export default {
         @click="shouldRenderModal && $refs.feedbackModal.show()"
         >{{ feedbackLinkText }}</gl-button
       >
-      <span v-else class="gl-text-gray-500">
+      <gl-alert v-else variant="success" :dismissible="false">
         {{ $options.i18n.FEEDBACK_THANKS }}
-      </span>
+      </gl-alert>
     </div>
     <feedback-modal v-if="shouldRenderModal" ref="feedbackModal" @feedback-submitted="notify">
       <template #feedback-extra-fields>