fix: fixed code of Avatar

adnan1naeem · adnan1naeem · commit a3f70928fd5e · 2019-04-18T16:44:45.000+05:00
diff --git a/src/components/Avatar/README.md b/src/components/Avatar/README.md
@@ -0,0 +1,38 @@
+# 🤠 Avatar
+
+Avatar control enables users to add images, icons or initials
+within any application for instances such as a profile pictures.
+
+## Usage
+
+```jsx
+<Avatar type="image" image={{ uri: 'https://picsum.photos/200' }} />
+```
+
+## Screenshots
+
+Add screenshots here
+
+## Supported Props
+
+> Legend
+> ✅ = Fully Compatible and works as intended
+> ⚠️ = Partially compatible
+> ❌ = Not compatible
+
+|  Prop | Compatible |           Comments           |
+| :---: | :--------: | :--------------------------: |
+|  type |     ️⚠️    | Only works with `image` type |
+|  size |     ❌ ️    |                              |
+| color |     ❌ ️    |                              |
+|  icon |     ❌ ️    |                              |
+| image |     ❌ ️    |                              |
+|  text |     ❌ ️    |                              |
+| style |     ❌ ️    |                              |
+
+## User Stories
+
+|                              Story                              | In Storybook | Has Unit Test |
+| :-------------------------------------------------------------: | :----------: | :-----------: |
+|  User should be able to use Image Avatar by setting image path  |       ✅      |       ✅       |
+| User should be able to use Image Avatar importing image in code |       ❌      |       ❌       |
diff --git a/src/components/Avatar/_stories_/image/download.png b/src/components/Avatar/_stories_/image/download.png
diff --git a/src/components/Avatar/_stories_/image/image.svg b/src/components/Avatar/_stories_/image/image.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 140 140" style="enable-background:new 0 0 140 140;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#311B92;}
+	.st1{fill:#71B1E1;}
+	.st2{fill:#94C7EB;}
+	.st3{fill:#488ECB;}
+	.st4{fill:#CED8DB;}
+	.st5{fill:#FFFFFF;}
+	.st6{fill:#679E42;}
+	.st7{fill:#3D83B7;}
+	.st8{fill:#58A2D1;}
+	.st9{fill:#E3F1FB;}
+</style>
+<desc>Created with Sketch.</desc>
+<rect id="Rectangle-218" class="st0" width="140" height="140"/>
+<g>
+	<path class="st1" d="M47.4,22.2c0-1,0.8-1.9,1.9-1.9h41.5c1,0,1.9,0.8,1.9,1.9s-0.8,1.9-1.9,1.9h-1c0,0,0,0,0,0c0,0,0,0,0,0H50.3
+		c0,0,0,0,0,0c0,0,0,0,0,0h-1C48.2,24.1,47.4,23.3,47.4,22.2z"/>
+	<rect x="51.1" y="26.5" class="st2" width="37.8" height="26.1"/>
+	<path class="st1" d="M47.4,54.5c0-1,0.8-1.9,1.9-1.9h41.5c1,0,1.9,0.8,1.9,1.9s-0.8,1.9-1.9,1.9h-1c0,0,0,0,0,0c0,0,0,0,0,0H50.3
+		c0,0,0,0,0,0c0,0,0,0,0,0h-1C48.2,56.4,47.4,55.5,47.4,54.5z"/>
+	<path class="st3" d="M51.1,56.4h37.7C88.5,62,83.8,66.5,78,66.5H62C56.2,66.5,51.5,62,51.1,56.4z"/>
+	<path class="st4" d="M95.4,117.8c0,1-1,1.9-2.1,1.9H46.7c-1.2,0-2.1-0.8-2.1-1.9v-0.1c0-1,1-1.9,2.1-1.9h46.6
+		C94.5,115.8,95.4,116.7,95.4,117.8L95.4,117.8z"/>
+	<path class="st4" d="M48.4,113.4c0,0-1-2.1-1-3.3V72.4c0-3.2,2.6-5.9,5.9-5.9h33.5c3.2,0,5.9,2.6,5.9,5.9v37.7c0,1.2-1,3.3-1,3.3
+		L48.4,113.4z"/>
+	<path class="st5" d="M82.1,84v-3.3c0-4.8-3.9-8.7-8.7-8.7h-0.9c0,0,0,0,0,0h-5c0,0,0,0,0,0h-0.9c-4.8,0-8.7,3.9-8.7,8.7V84
+		c0,4.8,3.9,8.7,8.7,8.7h6.8C78.2,92.7,82.1,88.8,82.1,84z"/>
+	<polygon class="st6" points="68.4,73.8 71.6,73.8 71.6,78.1 68.4,78.1 68.4,73.8 	"/>
+	<path class="st6" d="M73.4,90.9h-6.8c-3.8,0-6.9-3.1-6.9-6.9v-3.3c0-3.8,3.1-6.9,6.8-6.9V79c0,0.5,0.4,0.9,0.9,0.9h5
+		c0.5,0,0.9-0.4,0.9-0.9v-5.2c3.8,0,6.8,3.1,6.8,6.9V84C80.3,87.8,77.2,90.9,73.4,90.9z"/>
+	<circle class="st5" cx="60.4" cy="100.6" r="3.8"/>
+	<circle class="st6" cx="60.4" cy="100.6" r="2.4"/>
+	<circle class="st5" cx="79.6" cy="100.6" r="3.8"/>
+	<circle class="st6" cx="79.6" cy="100.6" r="2.4"/>
+	<path class="st7" d="M70,66.5h8c5.7,0,10.4-4.5,10.8-10.1H70V66.5z"/>
+	<path class="st8" d="M90.7,52.6H70v3.8h19.7c0,0,0,0,0,0c0,0,0,0,0,0h1c1,0,1.9-0.8,1.9-1.9S91.8,52.6,90.7,52.6z"/>
+	<path class="st8" d="M90.7,20.3H70v3.8h19.7c0,0,0,0,0,0c0,0,0,0,0,0h1c1,0,1.9-0.8,1.9-1.9C92.6,21.2,91.8,20.3,90.7,20.3z"/>
+	<rect x="70" y="26.5" class="st1" width="18.9" height="26.1"/>
+	<path class="st9" d="M77.9,54.2c0,2.2-1.7,3.9-3.9,3.9c-2.2,0-3.9-1.7-3.9-3.9c0-2.2,1.7-3.9,3.9-3.9C76.1,50.3,77.9,52,77.9,54.2z
+		"/>
+	<path class="st9" d="M67.5,50.3c0,1.4-1.2,2.6-2.6,2.6c-1.4,0-2.6-1.2-2.6-2.6c0-1.4,1.2-2.6,2.6-2.6
+		C66.3,47.7,67.5,48.9,67.5,50.3z"/>
+	<path class="st9" d="M74.6,41.2c0,1.4-1.2,2.6-2.6,2.6s-2.6-1.2-2.6-2.6c0-1.4,1.2-2.6,2.6-2.6S74.6,39.8,74.6,41.2z"/>
+	<path class="st9" d="M72,32.8c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2s0.9-2,2-2C71.1,30.8,72,31.7,72,32.8z"/>
+</g>
+</svg>
diff --git a/src/components/Avatar/index.ts b/src/components/Avatar/index.ts
@@ -0,0 +1 @@
+export * from './Avatar';
