Some auth storybooks progress [skip ci]

2025-05-31 14:11:58 +05:30 · 2020-07-31 23:11:26 +03:00
parent 3cff6ad26c
commit 7eeeb7cc61
4 changed files with 57 additions and 0 deletions
--- a/packages/app/components/auth/Auth.story.tsx
+++ b/packages/app/components/auth/Auth.story.tsx
@@ -0,0 +1,30 @@
+import React, { ComponentType } from 'react';
+import { useHistory, useLocation, useRouteMatch } from 'react-router';
+
+import { Factory } from './factory';
+import PanelTransition from './PanelTransition';
+
+interface AuthPresenterProps {
+    factory: Factory;
+}
+
+export const AuthPresenter: ComponentType<AuthPresenterProps> = ({ factory }) => {
+    const { Title, Body, Footer, Links } = factory();
+    const history = useHistory();
+    const location = useLocation();
+    const match = useRouteMatch();
+
+    return (
+        <div style={{ maxWidth: '340px', padding: '55px 50px', textAlign: 'center' }}>
+            <PanelTransition
+                Title={<Title />}
+                Body={<Body history={history} location={location} match={match} />}
+                Footer={<Footer />}
+                Links={<Links />}
+                // TODO: inject actions, when PanelTransition become a pure component
+                // resolve={action('resolve')}
+                // reject={action('reject')}
+            />
+        </div>
+    );
+};