# Components - Social Media Sharing Panel

**URL:** https://publichappinessmovement.com/t/topic/1223
**Category:** Front End - Documentation
**Tags:** documentation, social-media, webdev, reactjs
**Created:** [6 May 2019 20:30 UTC](https://publichappinessmovement.com/t/topic/1223 "2019-05-06T20:30:55Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![AndyatFocallocal](https://publichappinessmovement.com/user_avatar/publichappinessmovement.com/andyatfocallocal/32/651_2.png) [@AndyatFocallocal](https://publichappinessmovement.com/u/AndyatFocallocal)
#### Post date: [6 May 2019 20:30 UTC](https://publichappinessmovement.com/t/topic/1223/1 "2019-05-06T20:30:55Z")

</div>

Each event page will now include a panel of sharing buttons linked to the main social media sites, allowing the viewer to share the event with their friends. Currently we’re displaying the following:

- Facebook
- Twitter
- Reddit
- LinkedIn
- Direct email

The relevant React logic is stores in the following component:

```
/imports/client/ui/components/SharePanel

```

MAIN FEATURES & INGREDIENTS:

- Buttons are powered by the external library ‘react-share’
- The full list of compatible platforms is very comprehensive, included for reference in the component index file - however many of these are either focused on local audiences - e.g. VK/VKontakte in Russia - or not fully compatible with web browser - e.g. WhatsApp/Telegram.
- The component identifies the URL to share via the viewer’s window.location object, and also includes a text message with the event title (via the page title) and the event schedule.
- Additional details on the component logic are available in the .js file using JSDOC documentation.