[$50] Ordered List and List item are not rendered correctly.

[jswheeler]

Describe the bug
the <ol> and <li> html tags do not render for topcoder terms.
To Reproduce
Steps to reproduce the behavior:

1. Open the admin tool for topcoder (admin.topcoder.com).
2. Find the current terms called Standard Terms for Topcoder Competitions v2.2.
3. See that the terms are using both hard coded numbers as well as the ol and li tags.
4. Current terms are here https://www.topcoder.com/challenges/terms/detail/9ef9dec4-dddb-48c9-9cce-659db68bc5ac
5. new terms are here https://www.topcoder.com/challenges/terms/detail/564a981e-6840-4a5c-894e-d5ad22e9cd6f

Expected behavior
The community app should render the terms properly. I've created a new terms object using the ol and li tags and the text not rendered

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[luizrrodrigues]

Contest https://www.topcoder.com/challenges/30149549 has been created for this ticket.

This is an automated message for luizrrodrigues via Topcoder X

[luizrrodrigues]

@topcoder-platform/topcodercompetitors @topcoder-platform/tcxcommunity this is open for pickup

Submit in 6-8 hours and PR to
https://github.com/topcoder-platform/community-app/tree/tcx-202011

https://github.com/topcoder-platform/topcoder-react-lib/tree/tcx-202011

run npm run test before PR

[luizrrodrigues]

Contest https://www.topcoder.com/challenges/30149549 has been updated - it has been assigned to gets0ul.

This is an automated message for luizrrodrigues via Topcoder X

[gets0ul]

So, the expected solution is the ordered list item should be rendered in numbering format without needing to manually add number in the source term text.
Is that correct?

[Oanh-and-only-Oanh]

Correct.

[luizrrodrigues]

@gets0ul basically need to apply same format/style present in challenge spec

[gets0ul]

@luizrrodrigues style fixed.

[SathyaJayabal]

@luizrrodrigues, accessing the new terms links on dev env gives a blank page error
https://community-app.topcoder-dev.com/challenges/terms/detail/9ef9dec4-dddb-48c9-9cce-659db68bc5ac

Accessing the terms from the challenge details page does not render the list items correctly
http://www.topcoder-dev.com/challenges/terms/detail/b11da5cd-713f-478d-90f4-f679ef53ee95

[SathyaJayabal]

@luizrrodrigues , will be good to have this on staging to test next time.

[luizrrodrigues]

@SathyaJayabal This one was deployed in Stag.

[SathyaJayabal]

@luizrrodrigues , <li> is rendered correctly, but <ol> has double numbers

[luizrrodrigues]

@SathyaJayabal Double number is because this was added in CMS content, we'll need change this in CMS side.

[luizrrodrigues]

cc @jswheeler

[SathyaJayabal]

@luizrrodrigues , marking this as pass, as the styles are applied correctly from community app side.

[SathyaJayabal]

@jswheeler , please update the CMS content to not have numbers for the ordered list items.

[SathyaJayabal]

verified. for ordered list, numbers should be removed from CMS

[SathyaJayabal]

verified on prod

[luizrrodrigues]

This ticket was not processed for payment. If you would like to process it for payment, please reopen it, add the tcx_FixAccepted label, and then close it again

This is an automated message for luizrrodrigues via Topcoder X

[luizrrodrigues]

Payment task has been updated: https://software.topcoder.com/review/actions/ViewProjectDetails?pid=30149549

This is an automated message for luizrrodrigues via Topcoder X