use reflow to migrate from flow to typescript

scm-ui/ui-webapp/src/repos/permissions/components/buttons/DeletePermissionButton.test.js

@@ -1,92 +0,0 @@
-import React from "react";
-import { shallow, mount } from "@scm-manager/ui-tests/enzyme-router";
-import "@scm-manager/ui-tests/enzyme";
-import "@scm-manager/ui-tests/i18n";
-import DeletePermissionButton from "./DeletePermissionButton";
-
-import { confirmAlert } from "@scm-manager/ui-components";
-jest.mock("@scm-manager/ui-components", () => ({
-  confirmAlert: jest.fn(),
-  DeleteButton: require.requireActual("@scm-manager/ui-components").DeleteButton
-}));
-
-describe("DeletePermissionButton", () => {
-
-  it("should render nothing, if the delete link is missing", () => {
-    const permission = {
-      _links: {}
-    };
-
-    const navLink = shallow(
-      <DeletePermissionButton
-        permission={permission}
-        deletePermission={() => {}}
-      />
-    );
-    expect(navLink.text()).toBe("");
-  });
-
-  it("should render the delete icon", () => {
-    const permission = {
-      _links: {
-        delete: {
-          href: "/permission"
-        }
-      }
-    };
-
-    const deleteIcon = mount(
-      <DeletePermissionButton
-        permission={permission}
-        deletePermission={() => {}}
-      />
-    );
-    expect(deleteIcon.html()).not.toBe("");
-  });
-
-  it("should open the confirm dialog on button click", () => {
-    const permission = {
-      _links: {
-        delete: {
-          href: "/permission"
-        }
-      }
-    };
-
-    const button = mount(
-      <DeletePermissionButton
-        permission={permission}
-        deletePermission={() => {}}
-      />
-    );
-    button.find(".fa-trash").simulate("click");
-
-    expect(confirmAlert.mock.calls.length).toBe(1);
-  });
-
-  it("should call the delete permission function with delete url", () => {
-    const permission = {
-      _links: {
-        delete: {
-          href: "/permission"
-        }
-      }
-    };
-
-    let calledUrl = null;
-    function capture(permission) {
-      calledUrl = permission._links.delete.href;
-    }
-
-    const button = mount(
-      <DeletePermissionButton
-        permission={permission}
-        confirmDialog={false}
-        deletePermission={capture}
-      />
-    );
-    button.find(".fa-trash").simulate("click");
-
-    expect(calledUrl).toBe("/permission");
-  });
-});

scm-ui/ui-webapp/src/repos/permissions/components/buttons/DeletePermissionButton.test.tsx

@@ -0,0 +1,92 @@
+import React from 'react';
+import { shallow, mount } from '@scm-manager/ui-tests/enzyme-router';
+import '@scm-manager/ui-tests/enzyme';
+import '@scm-manager/ui-tests/i18n';
+import DeletePermissionButton from './DeletePermissionButton';
+
+import { confirmAlert } from '@scm-manager/ui-components';
+jest.mock('@scm-manager/ui-components', () => ({
+  confirmAlert: jest.fn(),
+  DeleteButton: require.requireActual('@scm-manager/ui-components')
+    .DeleteButton,
+}));
+
+describe('DeletePermissionButton', () => {
+  it('should render nothing, if the delete link is missing', () => {
+    const permission = {
+      _links: {},
+    };
+
+    const navLink = shallow(
+      <DeletePermissionButton
+        permission={permission}
+        deletePermission={() => {}}
+      />,
+    );
+    expect(navLink.text()).toBe('');
+  });
+
+  it('should render the delete icon', () => {
+    const permission = {
+      _links: {
+        delete: {
+          href: '/permission',
+        },
+      },
+    };
+
+    const deleteIcon = mount(
+      <DeletePermissionButton
+        permission={permission}
+        deletePermission={() => {}}
+      />,
+    );
+    expect(deleteIcon.html()).not.toBe('');
+  });
+
+  it('should open the confirm dialog on button click', () => {
+    const permission = {
+      _links: {
+        delete: {
+          href: '/permission',
+        },
+      },
+    };
+
+    const button = mount(
+      <DeletePermissionButton
+        permission={permission}
+        deletePermission={() => {}}
+      />,
+    );
+    button.find('.fa-trash').simulate('click');
+
+    expect(confirmAlert.mock.calls.length).toBe(1);
+  });
+
+  it('should call the delete permission function with delete url', () => {
+    const permission = {
+      _links: {
+        delete: {
+          href: '/permission',
+        },
+      },
+    };
+
+    let calledUrl = null;
+    function capture(permission) {
+      calledUrl = permission._links.delete.href;
+    }
+
+    const button = mount(
+      <DeletePermissionButton
+        permission={permission}
+        confirmDialog={false}
+        deletePermission={capture}
+      />,
+    );
+    button.find('.fa-trash').simulate('click');
+
+    expect(calledUrl).toBe('/permission');
+  });
+});

scm-ui/ui-webapp/src/repos/permissions/components/buttons/DeletePermissionButton.tsx

@@ -1,51 +1,50 @@
-// @flow
-import React from "react";
-import { translate } from "react-i18next";
-import type { Permission } from "@scm-manager/ui-types";
-import { confirmAlert } from "@scm-manager/ui-components";
+import React from 'react';
+import { translate } from 'react-i18next';
+import { Permission } from '@scm-manager/ui-types';
+import { confirmAlert } from '@scm-manager/ui-components';
 
 type Props = {
-  permission: Permission,
-  namespace: string,
-  repoName: string,
-  confirmDialog?: boolean,
-  t: string => string,
+  permission: Permission;
+  namespace: string;
+  repoName: string;
+  confirmDialog?: boolean;
+  t: (p: string) => string;
   deletePermission: (
     permission: Permission,
     namespace: string,
-    repoName: string
-  ) => void,
-  loading: boolean
+    repoName: string,
+  ) => void;
+  loading: boolean;
 };
 
 class DeletePermissionButton extends React.Component<Props> {
   static defaultProps = {
-    confirmDialog: true
+    confirmDialog: true,
   };
 
   deletePermission = () => {
     this.props.deletePermission(
       this.props.permission,
       this.props.namespace,
-      this.props.repoName
+      this.props.repoName,
     );
   };
 
   confirmDelete = () => {
     const { t } = this.props;
     confirmAlert({
-      title: t("permission.delete-permission-button.confirm-alert.title"),
-      message: t("permission.delete-permission-button.confirm-alert.message"),
+      title: t('permission.delete-permission-button.confirm-alert.title'),
+      message: t('permission.delete-permission-button.confirm-alert.message'),
       buttons: [
         {
-          label: t("permission.delete-permission-button.confirm-alert.submit"),
-          onClick: () => this.deletePermission()
+          label: t('permission.delete-permission-button.confirm-alert.submit'),
+          onClick: () => this.deletePermission(),
         },
         {
-          label: t("permission.delete-permission-button.confirm-alert.cancel"),
-          onClick: () => null
-        }
-      ]
+          label: t('permission.delete-permission-button.confirm-alert.cancel'),
+          onClick: () => null,
+        },
+      ],
     });
   };
 
@@ -70,4 +69,4 @@ class DeletePermissionButton extends React.Component<Props> {
   }
 }
 
-export default translate("repos")(DeletePermissionButton);
+export default translate('repos')(DeletePermissionButton);