Commit 3356d35

committed

Percentage story fix

1 parent 9a96cb8 commit 3356d35Copy full SHA for 3356d35

File tree

+23

-5

lines changed

+23

-5

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
@@ -17,7 +17,7 @@ const StyledPercentage = styled.h1`
`17`	`17`	`width: 10rem;`
`18`	`18`	`;
`19`	`19`
`20`		`-const Percentage = ({ answers }) => {`
	`20`	`+exportconst Percentage = ({ answers }) => {`
`21`	`21`	`let level = 'red';`
`22`	`22`	`let correct = 0;`
`23`	`23`

Lines changed: 22 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,26 @@`
`1`	`1`	`import React from 'react';`
`2`	`2`	`import { storiesOf } from '@storybook/react';`
`3`		`-import Percentage from '../src/components/Percentage';`
	`3`	`+import { Percentage } from '../src/components/Percentage';`
	`4`	`+`
	`5`	`+const initialArray = (n, isAnswered, isCorrect) => {`
	`6`	`+ let arr = Array(...Array(n));`
	`7`	`+`
	`8`	`+ return arr.map((x, i) => {`
	`9`	`+ return {`
	`10`	`+ patternId: null,`
	`11`	`+ answerId: null,`
	`12`	`+ answered: isAnswered,`
	`13`	`+ correct: isCorrect,`
	`14`	`+ uuid: i`
	`15`	`+ };`
	`16`	`+ });`
	`17`	`+};`
	`18`	`+`
	`19`	`+const answers0 = initialArray(23, true, false);`
	`20`	`+const answers50 = [...initialArray(11, true, false), ...initialArray(12, true, true)];`
	`21`	`+const answers100 = initialArray(23, true, true);`
`4`	`22`
`5`	`23`	`storiesOf('Percentage', module)`
`6`		`- .add('under 40', () => <Percentage percent={30} />)`
`7`		`- .add('between 40 and 70', () => <Percentage percent={60} />)`
`8`		`- .add('over 70', () => <Percentage percent={90} />);`
	`24`	`+ .add('under 40', () => <Percentage answers={answers0} />)`
	`25`	`+ .add('between 40 and 70', () => <Percentage answers={answers50} />)`
	`26`	`+ .add('over 70', () => <Percentage answers={answers100} />);`

Comments

(0)