use reflow to migrate from flow to typescript

scm-ui/ui-webapp/src/repos/branches/components/BranchTable.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { translate } from 'react-i18next';
+import BranchRow from './BranchRow';
+import { Branch } from '@scm-manager/ui-types';
+
+type Props = {
+  baseUrl: string;
+  t: (p: string) => string;
+  branches: Branch[];
+};
+
+class BranchTable extends React.Component<Props> {
+  render() {
+    const { t } = this.props;
+    return (
+      <table className="card-table table is-hoverable is-fullwidth">
+        <thead>
+          <tr>
+            <th>{t('branches.table.branches')}</th>
+          </tr>
+        </thead>
+        <tbody>{this.renderRow()}</tbody>
+      </table>
+    );
+  }
+
+  renderRow() {
+    const { baseUrl, branches } = this.props;
+    let rowContent = null;
+    if (branches) {
+      rowContent = branches.map((branch, index) => {
+        return <BranchRow key={index} baseUrl={baseUrl} branch={branch} />;
+      });
+    }
+    return rowContent;
+  }
+}
+
+export default translate('repos')(BranchTable);