Init

Preview: http://dashboards.webkom.co/react/airframe

app/routes/components/Pages/FooterAuth.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { FooterText } from '../FooterText';
+
+const FooterAuth = ({ className }) => (
+    <p className={ classNames(className, 'small') }>
+        <FooterText />
+    </p>
+);
+FooterAuth.propTypes = {
+    className: PropTypes.string
+};
+
+export { FooterAuth };

app/routes/components/Pages/HeaderAuth.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Link } from 'react-router-dom';
+
+import { LogoThemed } from './../LogoThemed/LogoThemed';
+
+const HeaderAuth = (props) => (
+    <div className="mb-4">
+        <div className="mb-4 text-center">
+            <Link to="/" className="d-inline-block">
+                {
+                    props.icon ? (
+                        <i className={ `fa fa-${ props.icon } fa-3x ${ props.iconClassName }` }></i>
+                    ) : (
+                        <LogoThemed checkBackground height="30" />
+                    )
+                }
+            </Link>
+        </div>
+        <h5 className="text-center mb-4">
+            { props.title }
+        </h5>
+        <p className="text-center">
+            { props.text }
+        </p>
+    </div>
+)
+HeaderAuth.propTypes = {
+    icon: PropTypes.node,
+    iconClassName: PropTypes.node,
+    title: PropTypes.node,
+    text: PropTypes.node,
+};
+HeaderAuth.defaultProps = {
+    title: "Waiting for Data...",
+    text: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure voluptas aperiam odit, reiciendis dicta nihil.",
+    iconClassName: "text-theme"
+};
+
+export { HeaderAuth };