1 files changed, 35 insertions, 0 deletions
diff --git a/app/assets/javascripts/diffs/components/diff_line.vue b/app/assets/javascripts/diffs/components/diff_line.vue
new file mode 100644
index 00000000000..448272549d3
--- /dev/null
+++ b/app/assets/javascripts/diffs/components/diff_line.vue
@@ -0,0 +1,35 @@
+<script>
+import DiffCodeQuality from './diff_code_quality.vue';
+
+export default {
+  components: {
+    DiffCodeQuality,
+  },
+  props: {
+    line: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    parsedCodeQuality() {
+      return (this.line.left ?? this.line.right)?.codequality;
+    },
+    codeQualityLineNumber() {
+      return this.parsedCodeQuality[0].line;
+    },
+  },
+  methods: {
+    hideCodeQualityFindings() {
+      this.$emit('hideCodeQualityFindings', this.codeQualityLineNumber);
+    },
+  },
+};
+</script>
+
+<template>
+  <diff-code-quality
+    :code-quality="parsedCodeQuality"
+    @hideCodeQualityFindings="hideCodeQualityFindings"
+  />
+</template>