migration

Author: MacKentoch

front/src/pages/protected/Protected.js

@@ -0,0 +1,20 @@
+import React, { PureComponent } from 'react';
+import { RouteComponentProps } from 'react-router';
+import FadeInEntrance from '../../components/fadeInEntrance';
+
+// #region types
+type Props = {} & RouteComponentProps<any, any>;
+// #endregion
+
+function Protected({}: Props) {
+  return (
+    <FadeInEntrance>
+      <h1>Protected view</h1>
+      <h3>If you can read, it means you are authenticated</h3>
+    </FadeInEntrance>
+  );
+}
+
+Protected.displayName = 'Protected';
+
+export default Protected;

front/src/pages/protected/Protected.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { MemoryRouter } from 'react-router';
+import Protected from '../Protected';
+
+describe('Protected page', () => {
+  it('renders as expected', () => {
+    const component = shallow(
+      <div>
+        <MemoryRouter>
+          <Protected />
+        </MemoryRouter>
+      </div>,
+    );
+    expect(component).toMatchSnapshot();
+  });
+});

front/src/pages/protected/__tests__/Protected.test.js

@@ -0,0 +1,6 @@
+
+import { compose } from 'redux';
+import Protected from './Protected';
+
+
+export default compose()(Protected);