feat(SubscribeToContributors): added user name atom

src/components/atoms/UserName/UserName.stories.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { withKnobs, text } from '@storybook/addon-knobs';
+import UserName from './UserName';
+import Faker from 'faker';
+
+const defaultUserName = Faker.name.findName();
+
+storiesOf('atoms/UserName', module)
+  .addDecorator(withKnobs)
+  .add('normal', () => <UserName>{text('content', defaultUserName)}</UserName>);

src/components/atoms/UserName/UserName.ts

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+
+export default styled.h3`
+  margin: 0;
+  font-size: 17px;
+  color: ${props => props.theme.activeColor};
+`;