AnswerStep component

[ddfridley]

<AnswerStep className=""
     intro: "" // text for the introduction
     whyQuestion: "" // the text for the left of the why input
     question: {} // a pointObj
     shared: {
        startingPoint: {} // the pointObj
         whyMosts: []
     }
     onDone: ()=>{}
/>

Figma

• the horizontal bar at the bottom and Next button are not part of this component
• Use the step-intro component for the top
• User the why-input component to ask for each part
• When the user has filled in both parts, call onDone with {valid: true, value: {startingPoint: {}, whyMost: {}})
• If either of the why-input components passes valid: false - need to call onDone with valid:false and the current data
• should set parentId of the whyMost point to the _id of the startingPoint
• whyMosts is a list, need to use the _id of the startingPoint to find the corresponding whyPoint in the list
• create a story
• create a case for empty - no props yet
• create a default case
• create a case where there is an inital startingPoint and whyPoints
• create a case where there are multiple whyMosts, but only one has a parentId of the startingPoint
• create a test case where the use sets the why answer first, and then the startingPoint - this case needs to get the parentId right
• create play tests of the above and check the onDone callback results.

[ddfridley]

@ldgze How's it going? You have this issue assigned to you as well as #80 are you working on both? If not, can you unassign one? Thanks.

[ldgze]

@ldgze How's it going? You have this issue assigned to you as well as #80 are you working on both? If not, can you unassign one? Thanks.

Hi David,

I would like to focus on #80, which I am currently working on. Could you please unassign me from #102?

Thank you!