migration

Author: MacKentoch

front/src/components/logoutRoute/LogoutRoute.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { useEffect } from 'react';
+import { Route, Redirect } from 'react-router-dom';
+import { RouteComponentProps } from 'react-router';
+import { MappedDispatchToProps, MappedStateToProps, OwnProps } from './index';
+
+// #region types
+type Props = {} & RouteComponentProps &
+  MappedDispatchToProps &
+  MappedStateToProps &
+  OwnProps;
+// #endregion
+
+function LogoutRoute(props: Props) {
+  const { disconnectUser } = props;
+  useEffect(() => disconnectUser());
+
+  return (
+    <Route {...props}>
+      <Redirect to={{ pathname: '/login' }} />
+    </Route>
+  );
+}
+
+LogoutRoute.displayName = 'LogoutRoute';
+
+export default LogoutRoute;

front/src/components/logoutRoute/LogoutRoute.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { MemoryRouter } from 'react-router';
+import LogoutRoute from '../index';
+
+describe('LogoutRoute component', () => {
+  it('renders as expected', () => {
+    const props = {
+      disconnectUser: jest.fn(),
+    };
+
+    const component = shallow(
+      <MemoryRouter initialEntries={['/']}>
+        <LogoutRoute {...props} />
+      </MemoryRouter>,
+    );
+    expect(component).toMatchSnapshot();
+  });
+});

front/src/components/logoutRoute/__tests__/LogoutRoute.test.js

@@ -0,0 +1,5 @@
+import { compose } from 'redux';
+import LogoutRoute from './LogoutRoute';
+import withAuth from '../../contexts/auth/consumerHOC';
+
+export default compose(withAuth())(LogoutRoute);