Readme.

Author: odeadglaz

README.md

@@ -89,7 +89,7 @@ const App = () => {
 | `snap` | `Number` | `5` | No | Determines the angle change snapping, Can be removed with setting as 0
 
 ## Gradient Picker Popover Usage
-<img width="200" alt="gradient_popover_preview" src="/assets/gpp.png"> <br/>
+<img width="200" alt="gradient_popover_preview" src="/assets/gpp.jpg"> <br/>
 
 ```js
 import React, { useState } from 'react';

stories/Popover/index.js

@@ -29,7 +29,7 @@ const initialPallet = [
 	{ offset: '1.00', color: 'rgb(126, 32, 207)' }
 ];
 
-const PopoverStory = (showAngle) => {
+const PopoverStory = ({ showAngle = false}) => {
 	const [open, setOpen] = useState(false);
 	const [angle, setAngle] = useState(90);
 	const [palette, setPalette] = useState(initialPallet);

stories/index.stories.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { SketchPickerStory, ColorPickerStory, DefaultPickerStory } from './GradientPicker';
 import PopoverStory from './Popover';
@@ -7,11 +8,9 @@ import './Story.css';
 storiesOf('Gradient Picker', module)
 	.add('React Color Picker', SketchPickerStory)
 	.add('React Color', ColorPickerStory)
-	.add('Popover', PopoverStory)
-	.add('Popover With Angle Picker', PopoverStory)
+	.add('Popover', () => (<PopoverStory/>))
+	.add('Popover With Angle Picker', () => (<PopoverStory showAngle={true}/>))
 	.add('Default Color Picker', DefaultPickerStory);
 
 storiesOf('Angle Picker', module)
-	.add('Default', AnglePickerStory);
-
-
+	.add('Default', AnglePickerStory);