social-share-links.js

/*
*   @title  Create Social Media share links
*/

const pageUrl = window.location.href
const encodedUrl = encodeURIComponent(pageUrl)

const socialMediaLinks = [
    {
        text: 'Facebook',
        link: 'https://www.facebook.com/sharer/sharer.php?u=',
        logo: 'a/10049',
    },
    {
        text: 'Twitter',
        link: 'https://twitter.com/intent/tweet?url=',
        logo: 'a/10047',
    },
    {
        text: 'LinkedIn',
        link: 'https://www.linkedin.com/shareArticle?mini=true&url=',
        logo: 'a/10960',
    },
]

const shareLinksEl = document.createElement('div')
shareLinksEl.classList.add('share-links')

const createShareLinks = () => {
    socialMediaLinks.map((smLink) => {
        const linkEl = document.createElement('div')
        linkEl.classList.add('share-item')
        linkEl.innerHTML = `
            <a class="share-link" href="${smLink.link}${encodedUrl}">
                <img class="share-logo" src="${smLink.logo}" alt="${smLink.text} logo" />
            </a>
        `
        shareLinksEl.appendChild(linkEl)
        console.log(`share links: ${shareLinksEl}`)
        const postContent = document.querySelector('.post-content')
        postContent.appendChild(shareLinksEl)
    })
}

createShareLinks()