[Events: a pipe (`|`) in Event title breaks event Share on Twitter link

[jilladams]

User Story or Problem Statement

Events with a | in the title break the "Share on Twitter" link that's built by the FE template.

Repro

• Visit https://www.va.gov/outreach-and-events/events/64661/
• See a | in the title
• Click "Share on Twitter"
• Twitter opens in a modal: see that a 400 error is returned: https://twitter.com/intent/tweet?text=757%20Military%20Community%20Education%20|%20DoD%20Skillbridge%20Connect%20(Peninsula)%20-%20%20Newport%20News,%20VA&url=https://www.va.gov/outreach-and-events/events/64661
• Remove the pipe from the URL, and see that the URL now works: https://twitter.com/intent/post?text=757%20Military%20Community%20Education%20%20DoD%20Skillbridge%20Connect%20(Peninsula)%20-%20%20Newport%20News%2C%20VA&url=https%3A%2F%2Fwww.va.gov%2Foutreach-and-events%2Fevents%2F64661

Acceptance Criteria

• [ ] Events "Share on Twitter" URLs should load successfully regardless of special characters used in the Event title in Drupal CMS

[jilladams]

Worth noting: No idea how frequently anyone clicks the "Share on Twitter" link. Analytics on that might help determine priority here.

[FranECross]

Worth noting: No idea how frequently anyone clicks the "Share on Twitter" link. Analytics on that might help determine priority here.

@jilladams Analytics below for latter part of 2023. I think it gains enough clicks to prioritize for the next sprint. August 2023 = 324 September 2023 (spiked) = 1,958 October 2023 = 250

[FranECross]

@randimays @chriskim2311 Will you please async refine and estimate this ticket so that we can include it in the sprint that starts next week? Thanks in advance!

[jilladams]

Nice. Also occurred to me:

Events with | in title: https://prod.cms.va.gov/admin/content?title=%7C&type=event&moderation_state=All&owner=All

101 total, 4 created this year.

As to whether other special characters cause problems, tried a few: * @ etc. which work fine, so I suspect this might be specific to "control characters" < > { } | ` ^ \, and of those, pipe is the only one used in any Event titles.

Also, @FranECross it seems like the IIR team is trying to get rolling on Events. May be worth checking with Dave re: whether this goes to handoff or we fix it first

[FranECross]

@jilladams Thanks for all the spelunking and investigation! Also, great point about checking with Dave. I'll put on our Monday Product Sync agenda (unless you think this warrant's pinging him in Slack to get an answer sooner).