v.0.3.1

* Fix display name issue

CHANGELOG.md

@@ -1,4 +1,7 @@
 #CHANGELOG
 
+##Version 0.3.1
+Fixed displayName issue
+
 ##Version 0.3.0
 Oppdatert til 0.5.x av ffe-icons

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ffe-message-box-react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "main": "lib/index.js",
   "scripts": {
     "build": "babel -d lib/. --ignore=*.test.js src/. && npm run example",

src/error-message-box.js

@@ -2,15 +2,17 @@ import React from 'react';
 import Icon from 'ffe-icons-react/utropstegn-ikon';
 import MessageBox from './message-box';
 
-const iconStyles = { 
-    width: '40px', 
+const iconStyles = {
+    width: '40px',
     height: '40px'
 };
 
-export default ({ title, content, children }) => MessageBox({
+const ErrorMessage = ({ title, content, children }) => MessageBox({
     type: 'error',
-    icon: <Icon style={ iconStyles } />,
+    icon: <Icon style={ iconStyles }/>,
     title,
     content,
     children
-});
+});
+
+export default ErrorMessage;

src/index.js

@@ -8,4 +8,4 @@ export {
     ErrorMessage,
     InfoMessage,
     TipsMessage
-};
+};

src/info-message-box.js

@@ -2,15 +2,17 @@ import React from 'react';
 import Icon from 'ffe-icons-react/info-sirkel-ikon';
 import MessageBox from './message-box';
 
-const iconStyles = { 
-    width: '40px', 
+const iconStyles = {
+    width: '40px',
     height: '40px'
 };
 
-export default ({ title, content, children }) => MessageBox({
+const InfoMessage = ({ title, content, children }) => MessageBox({
     type: 'info',
-    icon: <Icon style={ iconStyles } />,
+    icon: <Icon style={ iconStyles }/>,
     title,
     content,
     children
-});
+});
+
+export default InfoMessage;

src/success-message-box.js

@@ -2,15 +2,17 @@ import React from 'react';
 import Icon from 'ffe-icons-react/hake-ikon';
 import MessageBox from './message-box';
 
-const iconStyles = { 
-    width: '40px', 
+const iconStyles = {
+    width: '40px',
     height: '40px'
 };
 
-export default ({ title, content, children }) => MessageBox({
+const SuccessMessage = ({ title, content, children }) => MessageBox({
     type: 'success',
-    icon: <Icon style={ iconStyles } />,
+    icon: <Icon style={ iconStyles }/>,
     title,
-    content, 
+    content,
     children
-});
+});
+
+export default SuccessMessage;

src/tips-message-box.js

@@ -2,15 +2,17 @@ import React from 'react';
 import Icon from 'ffe-icons-react/lyspare-ikon';
 import MessageBox from './message-box';
 
-const iconStyles = { 
-    width: '40px', 
+const iconStyles = {
+    width: '40px',
     height: '40px'
 };
 
-export default ({ title, content, children }) => MessageBox({
+const TipsMessage = ({ title, content, children }) => MessageBox({
     type: 'tips',
-    icon: <Icon style={ iconStyles } />,
+    icon: <Icon style={ iconStyles }/>,
     title,
     content,
     children
-});
+});
+
+export default TipsMessage;