Contentful updates june 19

__tests__/shared/components/Contentful/MemberCard/MemberCard.jsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import Renderer from 'react-test-renderer/shallow';
+import { MemberCardInner } from 'components/Contentful/MemberCard/MemberCard';
+
+test('Matches shallow shapshot', () => {
+  const renderer = new Renderer();
+  const MOCK_PROPS = {
+    memberCard: {
+      country: 'es',
+    },
+    trackIcon: {
+      file: {
+        url: 'https://www.topcoder.com',
+      },
+    },
+    theme: {},
+  };
+  renderer.render(<MemberCardInner {...MOCK_PROPS} />);
+  expect(renderer.getRenderOutput()).toMatchSnapshot();
+});

__tests__/shared/components/Contentful/MemberCard/__snapshots__/MemberCard.jsx.snap

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Matches shallow shapshot 1`] = `
+<a>
+  <div>
+    <div
+      style={
+        Object {
+          "backgroundColor": "#63c630",
+        }
+      }
+    >
+      <img
+        alt="track icon"
+        src="https://www.topcoder.com"
+      />
+    </div>
+    <div>
+      <div />
+      <div>
+        <span
+          className="flag-icon flag-icon-es undefined"
+        />
+        <span>
+          SPAIN
+        </span>
+      </div>
+    </div>
+  </div>
+</a>
+`;

config/webpack/default.js

@@ -30,14 +30,17 @@ module.exports = {
        * are not bundled. */
       /utils[\\/]router[\\/]require/,
     ],
-    rules: [{
-      test: /\.svg$/,
-      loader: 'file-loader',
-      options: {
-        outputPath: '/images/',
-        publicPath: `${publicPath}/images`,
+    rules: [
+      {
+        test: /\.svg$/,
+        loader: 'file-loader',
+        options: {
+          outputPath: '/images/',
+          publicPath: `${publicPath}/images`,
+        },
+        exclude: /node_modules/,
       },
-    }],
+    ],
   },
   plugins: [
     new CopyWebpackPlugin([{

docs/contentful/custom-inline-components-in-markdown-fields.md

@@ -90,6 +90,14 @@ other types too.
     component works only with YouTube videos, and the URL should be similar to
     `https://www.youtube.com/embed/mD12LIqdxqk` ().
 
+- #### NewsletterArchive
+  *Example:* `<NewsletterArchive name="Design Newsletter" />`
+
+  A list of archive links sorted by descending `sent_date` from a MailChimp's campaign folder. Sould be working under any MarkdownParser component.
+
+  The properties are:
+  - `name` - the unique name of the camplaing foler. It has to be only one name entity. If those duplicate first found will be picked up and rest ignored.
+
 ## Links
 
 - #### Link

docs/contentful/index.md

@@ -27,6 +27,7 @@ Instructions are also provided below for developments that want to modify/create
         - [Navigation Menu](./NavigationMenu.md)
         - [Route](./Route.md)
         - [Viewport](./viewport.md)
+        - [Member Card](./memberCard.md)
     - [Preview Content](./preview-content.md)
     - [Custom inline components in Markdown fields](./custom-inline-components-in-markdown-fields.md)
     - [Miscellaneous CSS Solutions](./miscellaneous-CSS-solutions.md)

docs/contentful/memberCard.md

@@ -0,0 +1,8 @@
+# Member Card
+A card looking component that represents member/speaker/person card.
+
+## Fields
+![](./pics/memberCard.png)
+
+## Live Demo
+https://community-app.topcoder.com/examples/contentful/viewport/4SKonli2adCNFxBvgaeayI