use reflow to migrate from flow to typescript

scm-ui/ui-components/src/repos/changesets/ChangesetAuthor.tsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import { Changeset } from '@scm-manager/ui-types';
+import { ExtensionPoint } from '@scm-manager/ui-extensions';
+import { translate } from 'react-i18next';
+
+type Props = {
+  changeset: Changeset;
+
+  // context props
+  t: (p: string) => string;
+};
+
+class ChangesetAuthor extends React.Component<Props> {
+  render() {
+    const { changeset } = this.props;
+    if (!changeset.author) {
+      return null;
+    }
+
+    const { name, mail } = changeset.author;
+    if (mail) {
+      return this.withExtensionPoint(this.renderWithMail(name, mail));
+    }
+    return this.withExtensionPoint(<>{name}</>);
+  }
+
+  renderWithMail(name: string, mail: string) {
+    const { t } = this.props;
+    return (
+      <a
+        href={'mailto:' + mail}
+        title={t('changeset.author.mailto') + ' ' + mail}
+      >
+        {name}
+      </a>
+    );
+  }
+
+  withExtensionPoint(child: any) {
+    const { t } = this.props;
+    return (
+      <>
+        {t('changeset.author.prefix')} {child}
+        <ExtensionPoint
+          name="changesets.author.suffix"
+          props={{
+            changeset: this.props.changeset,
+          }}
+          renderAll={true}
+        />
+      </>
+    );
+  }
+}
+
+export default translate('repos')(ChangesetAuthor);