1 files changed, 32 insertions, 0 deletions
diff --git a/app/assets/javascripts/diffs/components/diff_inline_findings.vue b/app/assets/javascripts/diffs/components/diff_inline_findings.vue
new file mode 100644
index 00000000000..1e9a1825d3e
--- /dev/null
+++ b/app/assets/javascripts/diffs/components/diff_inline_findings.vue
@@ -0,0 +1,32 @@
+<script>
+import DiffCodeQualityItem from './diff_code_quality_item.vue';
+
+export default {
+  components: { DiffCodeQualityItem },
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+    findings: {
+      type: Array,
+      required: true,
+    },
+  },
+};
+</script>
+
+<template>
+  <div>
+    <h4 data-testid="diff-inline-findings-heading" class="gl-my-0 gl-font-base gl-font-regular">
+      {{ title }}
+    </h4>
+    <ul class="gl-list-style-none gl-mb-0 gl-p-0">
+      <diff-code-quality-item
+        v-for="finding in findings"
+        :key="finding.description"
+        :finding="finding"
+      />
+    </ul>
+  </div>
+</template>