implemented api for diff annotations

scm-ui-components/packages/ui-components/src/repos/Diff.js

@@ -1,32 +1,27 @@
 //@flow
 import React from "react";
 import DiffFile from "./DiffFile";
+import type { DiffObjectProps } from "./DiffTypes";
 
-type Props = {
-  diff: any,
-  sideBySide: boolean
+type Props = DiffObjectProps & {
+  diff: any
 };
 
 class Diff extends React.Component<Props> {
-
   static defaultProps = {
     sideBySide: false
   };
 
-  renderFile = (file: any, i: number) => {
-    const { sideBySide } = this.props;
-    return <DiffFile key={i} file={file} sideBySide={sideBySide} />;
-  };
-
   render() {
-    const { diff } = this.props;
+    const { diff, ...fileProps } = this.props;
     return (
       <>
-        {diff.map(this.renderFile)}
+        {diff.map((file, index) => (
+          <DiffFile key={index} file={file} {...fileProps} />
+        ))}
       </>
     );
   }
-
 }
 
 export default Diff;