fix(ui-markdown-editor): styleblock refresh - #276

[d-e-v-esh]

Signed-off-by: d-e-v-esh 59534570+d-e-v-esh@users.noreply.github.com

Closes #276

Before this, the styles block would not refresh when we changed the cursor position. It would only refresh when we started writing. Now the styles block gets updated when the cursor position changes.

Changes

• New currentStyle value gets initiated in useState hook. That currentStyle now gets updated inside the onChange function which makes this work.
• Then currentStyle value gets passed down to the StyleDropdown menu through props.

Flags

• This still does not work for Heading 4, Heading 5, and Heading 6 as they are not yet decided upon but would work normally if they are included later in the future. But the empty bar would be replaced with "Style" for now.
• See Discuss how many heading options should be in the markdown editor and contract editor #280 for updates.

Screenshots or Video

Related Issues

• Issue Styles block not updating as we move our cursor #276, Discuss how many heading options should be in the markdown editor and contract editor #280

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to master from fork:branchname
• Manual accessibility test performed
  • Keyboard-only access, including forms
  • Contrast at least WCAG Level A
  • Appropriate labels, alt text, and instructions

[dselman]

This is great. Thank you!