Init

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

app/routes/components/Dropdowns/Activity.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import faker from 'faker/locale/en_US';
+import { 
+    Media, 
+} from './../../../components';
+
+const Activity = (props) => (
+    <React.Fragment>
+        <Media>
+            <Media left>
+                <span className="fa-stack fa-lg fa-fw d-flex mr-3">
+                    <i className={ `fa fa-fw fa-stack-2x fa-stack-2x text-${ props.iconColorBelow } fa-${ props.iconBelow }` }></i>
+                    <i className={ `fa fa-stack-1x fa-fw text-${ props.iconColor } fa-${ props.icon }` }></i>
+                </span>
+            </Media>
+            <Media body>
+                <span className="h6">
+                    { faker.name.firstName() } { faker.name.lastName() }
+                </span> changed Description to &quot;{ faker.random.words() }&quot;
+                <p className="mt-2 mb-1">
+                    { faker.lorem.sentence() }
+                </p>
+                <div className="small mt-2">
+                    { faker.date.past().toString() }
+                </div>
+            </Media>
+        </Media>
+    </React.Fragment>
+
+)
+Activity.propTypes = {
+    iconColorBelow: PropTypes.node,
+    iconBelow: PropTypes.node,
+    iconColor: PropTypes.node,
+    icon: PropTypes.node
+};
+Activity.defaultProps = {
+    iconColorBelow: "muted",
+    iconBelow: "circle",
+    iconColor: "white",
+    icon: "question",
+};
+
+export { Activity };