fix#126: Added Rendering of Markdown for Event Descriptions.

[ParthJohri]

fix #126 : Added Rendering of Markdown for Event Descriptions

Closes Issue #126

✅ What type of PR:-

• 🐞 Bug Fix

📑 Description

1. Installed Showdown.js to convert the markdown text to corresponding html text.
2. After successfully converting the event description, I replaced the starting <p> tags which was causing the text to be appearing at a larger font size.

formattedEventDescription = formattedEventDescription.replace(/<\/?p>/g, '')

3. Now to set the description, I used dangerouslySetInnerHTML property to set the formatted description.

<p class="eventItem-description" dangerouslySetInnerHTML={{ __html: ${formattedEventDescription}... }} />

📸 Screenshots

Before

After

[ParthJohri]

Hi @neozenith ,
Could you please review the PR, and let me know of any suggestions or changes that has to be made?
Thank you!

[JayRovacsek]

Nice work on this one!

If possible would you mind having a look at ParthJohri#1 I've created against your branch - It was going to be non-trivial to suggest in PR review; but the change-set builds on what you've added and includes dompurify sanitising the html we're injecting into the page.

The risk is minimal that an event will have suitable content to cause issues, happy to let it slide if others are happy with this for now also, but I figured I'd see if it'd work based on this Stack Overflow thread and it does seem to locally (but please feel free to test the change-set also 🙇

Again, thanks for raising this PR!

[neozenith]

Hi all,

I just took both of your works into PR #136
Thank you @ParthJohri and @JayRovacsek 👏