feat(SubscribeToContributors): added Avatar Atom

dis-moi · Sep 6, 2019 · d8bd27f · d8bd27f
1 parent 53f4d16
commit d8bd27f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/components/atoms/Avatar/Avatar.stories.tsx b/src/components/atoms/Avatar/Avatar.stories.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { withKnobs, text } from '@storybook/addon-knobs';
+import Avatar from './Avatar';
+import Faker from 'faker';
+
+const defaultAvatar = Faker.image.avatar();
+
+storiesOf('atoms/Avatar', module)
+  .addDecorator(withKnobs)
+  .add('normal', () => <Avatar src={text('content', defaultAvatar)} />);
diff --git a/src/components/atoms/Avatar/Avatar.ts b/src/components/atoms/Avatar/Avatar.ts
@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+
+export default styled.img`
+  display: block
+  width: 89px;
+  height: 89px;
+  background-color: ${props => props.theme.contributorGrey};
+  border-radius: 50%;
+`;