Lakehead - CEM-2602 Profile list with counter

src/Containers/FeaturesProfileCard/FeaturedProfilesCard.tsx

@@ -90,14 +90,19 @@ export const FeaturedProfilesCard: React.FC<IFeaturedProfilesCardProps> = ({
     }, [profileData]);
 
     return (
-        <Container>
-            {renderProfileCircles()}
-            <FeaturedProfile icon key={ADD_USER_ICON_KEY} background="grey" />
-        </Container>
+        <Holder>
+            <Container>
+                {renderProfileCircles()}
+                <FeaturedProfile icon key={ADD_USER_ICON_KEY} background="grey" />
+            </Container>
+            <CountContainer>{profileData.length}</CountContainer>
+        </Holder>
+
     );
 };
 
 const Container = styled.ul`
+
     ${flex('row')}
     padding: 5px;
 
@@ -120,3 +125,13 @@ const Container = styled.ul`
         z-index: -3;
     }
 `;
+
+const CountContainer = styled.div`
+    font-size 40px;
+    height 150px;
+    line-height 150px;
+    text-align:center;
+`
+const Holder = styled.div`
+    display: flex;
+`

src/Containers/index.ts

@@ -88,4 +88,4 @@ export * from './CustomerProfile/CustomerProfile';
 export * from './CreatedDate/CreatedDate';
 export * from './CRMRow/CRMRow';
 export * from './CRMTable/CRMTable';
-export * from './LimitedTimeBanner/LimitedTimeBanner';
+export * from './LimitedTimeBanner/LimitedTimeBanner';