Magento2 : How to add social link in static block in PWA

Question

I have created one Static block with added below content in and I need to add social links in PWA.

<a class="footer-facebook" href="https://www.facebook.com/" target="_blank" rel="noopener">Facebook</a>

Above code is not working anyone have idea how to add URL in PWA ?

Answer 1

Right now there isn't just one way to set up a custom theme in PWA studio, so i'm going to show the core files as of 3.0 for an answer to the question.

In the footer file add in this code:

src/pwa-studio/packages/venia-concept/src/components/Footer/footer.js

import CmsBlock from '../CmsBlock';

render() {
   ...
   return (
      <footer className={classes.root}>
         ...
         <CmsBlock identifiers={'cms-block-name'} />
         ...
      </footer>
   )
}

This will pull in your cms by it's name into the react component. You can place the component anywhere inside the return statement. If you need to add styling to the component, i would recommend wrapping it and setting a className on the wrapper.