feat(StandAloneFormPage): Made the logo variable

Made the logo variable by passing it in LoginPage/registerPage/ForgotPasswordPage
tabler · Feb 27, 2019 · 2d9d48e · 2d9d48e
1 parent 0928f51
commit 2d9d48e
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 40 deletions.
diff --git a/src/page_templates/StandaloneFormPage.react.js b/src/page_templates/StandaloneFormPage.react.js
@@ -1,28 +1,29 @@
-// @flow
-
-import * as React from "react";
-
-type Props = {|
-  +children?: React.Node,
-|};
-
-function StandaloneFormPage(props: Props): React.Node {
-  return (
-    <div className="page">
-      <div className="page-single">
-        <div className="container">
-          <div className="row">
-            <div className="col col-login mx-auto">
-              <div className="text-center mb-6">
-                <img src="./assets/brand/tabler.svg" className="h-6" alt="" />
-              </div>
-              {props.children}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default StandaloneFormPage;
+// @flow
+
+import * as React from "react";
+
+type Props = {|
+  +children?: React.Node,
+  +imageURL?: string,
+|};
+
+function StandaloneFormPage(props: Props): React.Node {
+  return (
+    <div className="page">
+      <div className="page-single">
+        <div className="container">
+          <div className="row">
+            <div className="col col-login mx-auto">
+              <div className="text-center mb-6">
+                <img src={props.imageURL} className="h-6" alt="logo" />
+              </div>
+              {props.children}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default StandaloneFormPage;
diff --git a/src/page_templates/account/ForgotPasswordPage/ForgotPasswordPage.react.js b/src/page_templates/account/ForgotPasswordPage/ForgotPasswordPage.react.js
@@ -45,7 +45,7 @@ function ForgotPasswordPage(props: Props): React.Node {
   } = props;
 
   return (
-    <StandaloneFormPage>
+    <StandaloneFormPage imageURL={"./demo/logo.svg"}>
       <FormCard
         buttonText={strings.buttonText || defaultStrings.buttonText}
         title={strings.title || defaultStrings.title}
@@ -72,8 +72,8 @@ function ForgotPasswordPage(props: Props): React.Node {
   );
 }
 
-const ForgotPasswordPageWithTouchedErrors: React.ComponentType<
-  Props
-> = withTouchedErrors(["email"])(ForgotPasswordPage);
+const ForgotPasswordPageWithTouchedErrors: React.ComponentType<Props> = withTouchedErrors(
+  ["email"]
+)(ForgotPasswordPage);
 
 export default ForgotPasswordPageWithTouchedErrors;
diff --git a/src/page_templates/account/LoginPage/LoginPage.react.js b/src/page_templates/account/LoginPage/LoginPage.react.js
@@ -47,7 +47,7 @@ function LoginPage(props: Props): React.Node {
   } = props;
 
   return (
-    <StandaloneFormPage>
+    <StandaloneFormPage imageURL={"./demo/logo.svg"}>
       <FormCard
         buttonText={strings.buttonText || defaultStrings.buttonText}
         title={strings.title || defaultStrings.title}
@@ -83,8 +83,8 @@ function LoginPage(props: Props): React.Node {
   );
 }
 
-const LoginPageWithTouchedErrors: React.ComponentType<
-  Props
-> = withTouchedErrors(["email", "password"])(LoginPage);
+const LoginPageWithTouchedErrors: React.ComponentType<Props> = withTouchedErrors(
+  ["email", "password"]
+)(LoginPage);
 
 export default LoginPageWithTouchedErrors;
diff --git a/src/page_templates/account/RegisterPage/RegisterPage.react.js b/src/page_templates/account/RegisterPage/RegisterPage.react.js
@@ -57,7 +57,7 @@ function RegisterPage(props: Props): React.Node {
   } = props;
 
   return (
-    <StandaloneFormPage>
+    <StandaloneFormPage imageURL={"./demo/logo.svg"}>
       <FormCard
         buttonText={strings.buttonText || defaultStrings.buttonText}
         title={strings.title || defaultStrings.title}
@@ -111,8 +111,8 @@ function RegisterPage(props: Props): React.Node {
   );
 }
 
-const RegisterPageWithTouchedErrors: React.ComponentType<
-  Props
-> = withTouchedErrors(["name", "email", "password", "terms"])(RegisterPage);
+const RegisterPageWithTouchedErrors: React.ComponentType<Props> = withTouchedErrors(
+  ["name", "email", "password", "terms"]
+)(RegisterPage);
 
 export default RegisterPageWithTouchedErrors;