Init

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

app/routes/components/LogoThemed/LogoThemed.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+import { ThemeConsumer } from '../../../components/Theme';
+
+const logos = {
+    'white': require('./../../../images/logos/logo-white.svg'),
+    'primary': require('./../../../images/logos/logo-primary.svg'),
+    'success': require('./../../../images/logos/logo-success.svg'),
+    'warning': require('./../../../images/logos/logo-warning.svg'),
+    'danger': require('./../../../images/logos/logo-danger.svg'),
+    'info': require('./../../../images/logos/logo-info.svg'),
+    'indigo': require('./../../../images/logos/logo-indigo.svg'),
+    'purple': require('./../../../images/logos/logo-purple.svg'),
+    'pink': require('./../../../images/logos/logo-pink.svg'),
+    'yellow': require('./../../../images/logos/logo-yellow.svg')
+}
+
+const getLogoUrl = (style, color) => {
+    return logos[color];
+}
+
+// Check for background
+const getLogoUrlBackground = (style, color) => {
+    if (style === 'color') {
+        return logos['white'];
+    } else {
+        return getLogoUrl(style, color);
+    }
+}
+
+const LogoThemed = ({ checkBackground, className, ...otherProps }) => (
+    <ThemeConsumer>
+    {
+        ({ style, color }) => (
+            <img
+                src={
+                    checkBackground ?
+                        getLogoUrlBackground(style, color) :
+                        getLogoUrl(style, color)
+                }
+                className={ classNames('d-block', className) }
+                alt="Airframe Logo"
+                { ...otherProps }
+            />
+        )
+    }
+    </ThemeConsumer>
+);
+LogoThemed.propTypes = {
+    checkBackground: PropTypes.bool,
+    className: PropTypes.string,
+};
+
+export { LogoThemed };