Merge pull request #364 from GetStream/vishal/fixing-exports

Exporting IconBadge and IconSquare components

Author: vishalnarkhede

src/components/IconBadge.js

@@ -30,21 +30,17 @@ const UnreadCount = styled.Text`
   ${({ theme }) => theme.iconBadge.unreadCount.css};
 `;
 
-export class IconBadge extends React.Component {
-  render() {
-    const { children, showNumber, unread } = this.props;
+const IconBadge = ({ children, showNumber, unread }) => (
+  <Container>
+    {children}
+    {unread > 0 && (
+      <Icon>
+        <IconInner>
+          {showNumber && <UnreadCount>{unread}</UnreadCount>}
+        </IconInner>
+      </Icon>
+    )}
+  </Container>
+);
 
-    return (
-      <Container>
-        {children}
-        {unread > 0 && (
-          <Icon>
-            <IconInner>
-              {showNumber && <UnreadCount>{unread}</UnreadCount>}
-            </IconInner>
-          </Icon>
-        )}
-      </Container>
-    );
-  }
-}
+export default IconBadge;

src/components/index.js

@@ -68,6 +68,8 @@ import SuggestionsList from './SuggestionsProvider/SuggestionsList';
 import SuggestionsProvider from './SuggestionsProvider/SuggestionsProvider';
 
 import Thread from './Thread/Thread';
+import IconBadge from './IconBadge';
+import IconSquare from './IconSquare';
 
 export {
   ActionSheetAttachment,
@@ -124,4 +126,6 @@ export {
   TypingIndicator,
   TypingIndicatorContainer,
   UploadProgressIndicator,
+  IconBadge,
+  IconSquare,
 };