0.0.3 (#2)

* Add callout icon styles * Increment version
philschanely · Sep 6, 2019 · 8bdf305 · 8bdf305
1 parent 54768a1
commit 8bdf305
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "course-components",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Components for LearnUXD courses",
   "main": "src/index.js",
   "peerDependencies": {

diff --git a/src/components/callout.js b/src/components/callout.js
@@ -4,7 +4,6 @@ import ClassNames from "classnames";
 
 
 const CalloutContainer = ({ type, color, children }) => {
-  let colorClass = color ? "callout--" + color : false
   let classNames = ClassNames(
     "callout",
     {
@@ -29,9 +28,22 @@ const CalloutNumber = ({ number }) => {
 };
 
 const CalloutIcon = ({ icon, iconStyle }) => {
+  icon = icon || "book";
+  iconStyle = iconStyle || "fal";
+  let iconClassNames = ClassNames(
+    "icon",
+    "icon--static",
+    "icon--halo",
+    "icon--lg",
+    {
+      [`${iconStyle}`]: iconStyle,
+      [`fa-${icon}`]: icon,
+    }
+  );
+
   return (
     <div className="callout__icon">
-      <i className="icon icon--static icon--halo icon--lg fal fa-book"></i>
+      <i className={iconClassNames}></i>
     </div>
   )
 };