1 files changed, 34 insertions, 0 deletions
diff --git a/app/assets/javascripts/design_management/components/design_notes/design_note_awards_list.vue b/app/assets/javascripts/design_management/components/design_notes/design_note_awards_list.vue
new file mode 100644
index 00000000000..f5456f47410
--- /dev/null
+++ b/app/assets/javascripts/design_management/components/design_notes/design_note_awards_list.vue
@@ -0,0 +1,34 @@
+<script>
+import AwardsList from '~/vue_shared/components/awards_list.vue';
+
+export default {
+  components: {
+    AwardsList,
+  },
+  props: {
+    awards: {
+      type: Array,
+      required: true,
+    },
+    canAwardEmoji: {
+      type: Boolean,
+      required: true,
+    },
+  },
+  computed: {
+    currentUserId() {
+      return window.gon.current_user_id;
+    },
+  },
+};
+</script>
+
+<template>
+  <awards-list
+    :awards="awards"
+    :can-award-emoji="canAwardEmoji"
+    :current-user-id="currentUserId"
+    class="gl-px-2 gl-mt-5"
+    @award="$emit('award', $event)"
+  />
+</template>