1 files changed, 24 insertions, 0 deletions
diff --git a/app/assets/javascripts/sidebar/components/copy/copy_email_to_clipboard.vue b/app/assets/javascripts/sidebar/components/copy/copy_email_to_clipboard.vue
new file mode 100644
index 00000000000..96ecdc84ef5
--- /dev/null
+++ b/app/assets/javascripts/sidebar/components/copy/copy_email_to_clipboard.vue
@@ -0,0 +1,24 @@
+<script>
+import CopyableField from './copyable_field.vue';
+
+export default {
+  components: {
+    CopyableField,
+  },
+  props: {
+    issueEmailAddress: {
+      type: String,
+      required: true,
+    },
+  },
+};
+</script>
+
+<template>
+  <copyable-field
+    data-testid="copy-forward-email"
+    :name="s__('RightSidebar|Issue email')"
+    :clipboard-tooltip-text="s__('RightSidebar|Copy email address')"
+    :value="issueEmailAddress"
+  />
+</template>