added tooltips for social media URLS

[SAUMILDHANKAR]

• Partially addresses Bug: Many contact fields are invalid - they should be URLs but are usernames, and don’t work on the website #2128
• Added tooltips to add social media URLs in contact fields.

old

original.mp4

new

tooltip.design.mp4

[fancyham]

Hi there, nice progress — for each of the tooltips, please also give an example URL as appropriate for each service, i.e. https://instagram.com/…, https:://faceboook.com/…

So: Instagram tooltip would be “This org’s full URL: https://instagram.com/…”

Also, please error-check that the field is an actual URL and display as an error when the field is populated, but not a proper web URL

[SAUMILDHANKAR]

Following video demonstrates the updated tooltip text and the error message that would be generated if the URL isn't valid. I have used a simple regular expression for validation but we can explore more options if required.

updated.tooltip.and.validation.mp4

[fancyham]

Nice!

Looking at the tooltip text, let’s adjust it smidge to read:

”This org’s full Instagram URL (e.g. https://instagram.com/…)” — so adding the parenthesis and e.g.

Also, just want to make sure that both http:// and https:// works validates as URLs for the error checking? If so, then that’s great.

Love it.

Is there a place I can try this out myself — perhaps on the dev site?

[SAUMILDHANKAR]

Hi Bryan, based on today's dev standup meeting, need your feedback on a few points regarding this PR. I have left a detailed summary message on slack. Looking forward to your response. Thank you.

Link to the comment with follow up discussion - #2128 (comment)

[SAUMILDHANKAR]

Closing this PR since this is being worked on other smaller issues.