IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Update story for NamedColorsPalette

Browse Source
This commit is contained in:
Dominik Prokop 2019-01-24 10:37:53 +01:00
parent d414e463bd
commit 1e69a7b8b7
1 changed files with 4 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/grafana-ui/src/components/ColorPicker/NamedColorsPalette.story.tsx
View File

@ -1,6 +1,6 @@
import React, { FunctionComponent } from 'react';
import { storiesOf } from '@storybook/react';
import NamedColorsPalette from './NamedColorsPalette';
import { NamedColorsPalette } from './NamedColorsPalette';
import { getColorName } from '../../utils/namedColorsPalette';
import { withKnobs, select } from '@storybook/addon-knobs';
@ -35,7 +35,7 @@ export class UseState<T> extends React.Component<StateHolderProps<T>, { value: T
static getDerivedStateFromProps(props: StateHolderProps<{}>, state: { value: {} }) {
return {
value: props.initialState,
...state
...state,
};
}
@ -64,12 +64,7 @@ storiesOf('UI/NamedColorsPalette', module)
return (
<UseState initialState={selectedColor}>
{(selectedColor, updateSelectedColor) => {
return (
<NamedColorsPalette
color={selectedColor}
onChange={updateSelectedColor}
/>
);
return <NamedColorsPalette color={selectedColor} onChange={updateSelectedColor} />;
}}
</UseState>
);
@ -78,12 +73,7 @@ storiesOf('UI/NamedColorsPalette', module)
return (
<UseState initialState="#00ff00">
{(selectedColor, updateSelectedColor) => {
return (
<NamedColorsPalette
color={getColorName(selectedColor)}
onChange={updateSelectedColor}
/>
);
return <NamedColorsPalette color={getColorName(selectedColor)} onChange={updateSelectedColor} />;
}}
</UseState>
);